クリックするとレイヤ−が現れます

showLAYER()

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

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

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


Cross-Browser のための Sample Function

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

function showLAYER(layName){
if ( document.all )document.all( layName ).style.visibility ='visible'
else if ( document.layers)document.layers[ layName ].visibility ='show'
else if ( document.getElementById )document.getElementById( layName ).style.visibility ='visible'
}

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

//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 showLAYER(oj){
getOj(oj).visibility='visible' //NN,IE共用
}


Example

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

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

<!--このレイヤ−が現れます/////////////////////////////////////-->
<div id="test0"
style="position:absolute;
left:180px;
top:80px;
font-size:24pt;
visibility:hidden;
">
<font face="arial">ほらね</font>
</div>