Your Ad Here

advanced code snippet search

Posted By

kyokutyo on 12/13/06


Tagged

show display hide Switch


Versions (?)

どれか1つだけを表示

 / Published in: JavaScript
 

id="bar1"、id="bar2"、id="bar3"が存在する時 どれか1つだけを表示する。 id="bar*"はHTMLの方でstyle="display:none;"を初めから指定しておく。 hogehogeして.lengthで繰り返し回数変えたり。 えらい人ならできそう。 ついでにこんなに変数いらない？うまく書くとこんなに要らない気もする。

Expand | Embed | Plain Text 
  1. /*
  2.  * last update 2006.12.06
  3.  * -------------------------------------------------
  4.  * "showhide"はどのバーを表示するかを決める関数です.
  5.  * "switchdis"は表示切替だけのための関数です.
  6.  * tbnum:TargetBarNumber
  7.  * tbname:TargetBarName
  8.  * tb:TargetBar
  9.  * cbname:ChangeBarName
  10.  * cb:ChangeBar
  11.  * bs:BarStatus
  12.  * bn:BarNumber
  13.  * s:nantonaku
  14.  * t:nantonaku
  15.  */
  16.  
  17. function showhide(tbnum) {
  18.   var tbname, tb, cbname, cb, bs, bn, show, i;
  19.   tbname = 'bar' + tbnum;
  20.   tb = document.getElementById(tbname);
  21.   for(i=1;i<4;i++){
  22.     cbname = 'bar' + i;
  23.     cb = document.getElementById(cbname);
  24.     if(i==tbnum){
  25.       switchdis(cbname);
  26.     } else {
  27.       cb.style.display = 'none';
  28.     }
  29.   }
  30. }
  31.  
  32. function switchdis(t){
  33.   var s;
  34.   s = document.getElementById(t);
  35.   if(s.style.display=='none'){
  36.     s.style.display = 'block';
  37.   } else {
  38.     s.style.display = 'none';
  39.   }
  40. }

Report this snippet  

You need to login to post a comment.