Javascript

【Javascript】クロスブラウザを制する Part 2　2-1 表示属性 visibility (2)

Javascript関連情報

更新日：2001年03月04日

クロスブラウザを制する Part 2　2-1 表示属性 visibility (2)

高橋登史朗

前回は、表示属性 visibility に 'visible' を代入することで文字やボタンを見えるようにする関数を作ったが、今回は、その逆だ。そこに見えている文字や画像、ボタンなどの HTML を手品のように見えなくしてしまう関数 hideLAYER()を作ってみよう。

|←前のページ | シリーズ目次 |

Samples 消す

Samples 出す/消す

応用

各ブラウザのオブジェクト表記を統一してから処理する方法。
大きなスクリプトの場合はこの手の方法の方がソースがシン
プルになる。

function getLayOj( idName ){  

  if ( document.getElementById ) 
      return document.getElementById( idName ).style
      
  else if ( document.all )       
      return document.all( idName ).style
      
  else if ( document.layers )    
      return document.layers[ idName ]
  
}

function showLAYER( idName ){ 
 getLayOj( idName ).visibility = 'visible' 
}

function hideLAYER( idName ){ 
 getLayOj( idName ).visibility = 'hidden' 
}

Samples

★サンプル1

|←前のページ | シリーズ目次 |

参考 : DynamicHTML/cross-browser Examples

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！