getLayStyleOj()
レイヤ−名を指定してレイヤ−オブジェクトを返すサンプルファンクションです。大きめのスクリプトなどで何度も同じオブジェクトを記述する場合などにこれを使うとソ−スがすっきりします。
各関数のオブジェクト名で処理する場合のサンプルで使用していますので参考にしてください。ここでは、onload後(つまりレイヤー構築後)にレイヤーを変数へセットする時に使っています。
なお、eで
outputLAYERoj()を使う時はreturn document.all(layName).styleではなく
return document.all(layName)になるので
getLayOj()を利用してください。
*このファンクションをコピーして<script>と</script>の間にペーストしておくだけでこの機能をクロスブラウザに利用できるようになります。
Cross-Browser のための Sample Function
Syntax : getLayStyleOj('レイヤ−名')
//--layNameで指定したオブジェクトを返す
// (必ずonload後に実行すること)
function getLayStyleOj(layName){
if(document.getElementById) //e5,e6,n6,n7,m1,o6,o7,s1用
return document.getElementById(layName).style
else if(document.all) //e4用
return document.all(layName).style
else if(document.layers) //n4用
return document.layers[layName]
}
Example
<script type='text/javascript'>
<!--
//--layNameで指定したオブジェクトを返す
// (必ずonload後に実行すること)
function getLayStyleOj(layName){
if(document.getElementById) //e5,e6,n6,n7,m1,o6,o7,s1用
return document.getElementById(layName).style
else if(document.all) //e4用
return document.all(layName).style
else if(document.layers) //n4用
return document.layers[layName]
}
//--オブジェクトを変数へセットする
function setLayObjects(){
lay0 = getLayStyleOj('test0')
lay1 = getLayStyleOj('test1')
}
function showLAYERoj(oj){
if(!!oj) oj.visibility='visible' //e4,e5,e6,n4,n6,n7,m1,o6,o7,s1用
}
//-->
</script>
<body onload="setLayObjects()">
<!--↓このリンクをクリックすると/////////////////////////////////-->
<a href="javascript:showLAYERoj(lay0)">クリックするとレイヤ−が現れます</a>
<br><br><a href="javascript:showLAYERoj(lay1)">クリックするとレイヤ−が現れます</a>
<!--↓このレイヤ−が現れます/////////////////////////////////////-->
<div id="test0"
style="position : absolute ;
left : 180px ; top : 100px ;
font-size : 24pt ; visibility : hidden ;">
<font face="Arial">ほらね</font>
</div>
<!--↓このレイヤ−が現れます/////////////////////////////////////-->
<div id="test1"
style="position : absolute ;
left : 180px ; top : 150px ;
font-size : 24pt ; visibility : hidden ;">
<font face="Arial">どうもね</font>
</div>