クリックするとレイヤ−が消えます
(^^)/~ばいばい〜

hideLAYER()

syntax : hideLAYER('レイヤ−名')

レイヤ−を見えない状態にするために表示属性のプロパティvisibility'hidden'を代入(Netscapeでは'hidden'または'hide')するサンプルファンクションです。

*このファンクションをコピーして<SCRIPT>と</SCRIPT>の間にペーストしておくだけでこの機能をNN,IE共通で利用できるようになります。


Cross-Browser のための Sample Function

//--ID(レイヤ−)名で処理する場合

function hideLAYER(layName){
if ( document.all )document.all( layName ).style.visibility ='hidden'
else if ( document.layers)document.layers[ layName ].visibility ='hide'
else if ( document.getElementById )document.getElementById( layName ).style.visibility ='hidden'
}

//--オブジェクト名で処理する場合(推奨:ネストがある時や大きめのスクリプト向き)

//getOj(layName)でID(レイヤ−)名からオブジェクトを取得します。
//function getOj(layName){...はページ内へひとつだけ書いてください。
//hideLayer()など他のfunctionと共通で使えます。
function getOj(layName){
var oj
if ( document.all ) oj = document.all(layName).style //IE4,IE5用
else if ( document.layers ) oj = document.layers[layName] //NN4用
else if ( document.getElementById )
oj = document.getElementById(layName).style //NN6用
return oj
}

function hideLAYER(oj){
getOj(oj).visibility='hidden' //NN,IE共用
}


Example

<script language='JavaScript'>
<!--
function hideLAYER(layName){
if ( document.all )document.all( layName ).style.visibility ='hidden'
else if ( document.layers )document.layers[ layName ].visibility ='hide'
else if ( document.getElementById )document.getElementById( layName ).style.visibility ='hidden'
}
//-->
</script>

<!--このリンクをクリックすると/////////////////////////////////-->
<a href="javascript:hideLAYER('test0')">
クリックするとレイヤ−が消えます</a>

<!--このレイヤ−が消えます/////////////////////////////////////-->
<div id="test0"
style="position:absolute;
left:180px;
top:80px;
font-size:24pt;
">
(^^)/~ばいばい〜
</div>