getLayOj()
レイヤ−名を指定してレイヤ−オブジェクトを返すサンプルファンクションです。
大きめのスクリプトなどで何度も同じオブジェクトを記述する場合などにこれを使うとソ−スがすっきりします。
ここでは、outputLAYERoj(oj,html)で引数に指定するオブジェクトを取得するのに使っています。
なお、
showLAYERoj()などスタイルオブジェクトへの制御の場合は、
getLayStyleOj()を利用してください。
参考:
F09 レイヤーに触ると指定色から指定色へフェイドする
F10 レイヤーに触ると指定色から指定色へフェイドする2
M01 指定した文字に触ると文字を出す/消す
*このファンクションをコピーして<script>と</script>の間にペーストしておくだけでこの機能をクロスブラウザに利用できるようになります。
Cross-Browser のための Sample Function
Syntax : getLayOj('レイヤ−名')
//レイヤーオブジェクトを取得
// (必ずonload後に実行すること)
function getLayOj(layName){
if(document.getElementById) //e5,e6,n6,n7,m1,o6,o7,s1用
return document.getElementById(layName)
else if(document.all) //e4用
return document.all(layName)
else if(document.layers) //n4用
return document.layers[layName]
}
Example
<script type='text/javascript'>
<!--
//レイヤーオブジェクトを取得
// (必ずonload後に実行すること)
function getLayOj(layName){
if(document.getElementById) //e5,e6,n6,n7,m1,o6,o7,s1用
return document.getElementById(layName)
else if(document.all) //e4用
return document.all(layName)
else if(document.layers) //n4用
return document.layers[layName]
}
//HTML出力
function outputLAYERoj(oj,html){
if(document.getElementById) //n6,n7,m1,e5,e6,o7(o6不可),s1用
oj.innerHTML=html
else if(document.all) //e4用
oj.parent.innerHTML=html
else if(document.layers) //n4用
with(oj.document){
open()
write(html)
close()
}
}
//-->
</script>
<!--↓このリンクをクリックすると/////////////////////////////////-->
<a href="javascript:outputLAYERoj(getLayOj('test0'),'test0です')">
クリックするとレイヤ−に出力されます</a><br><br>
<a href="javascript:outputLAYERoj(getLayOj('test1'),'test1です')">
クリックするとレイヤ−に出力されます</a>
<!--↓このレイヤ−に出力されます/////////////////////////////////-->
<div id="test0"
style="position : absolute ;
left : 180px ;
top : 100px ;
font-size : 24pt ;">
</div>
<!--↓このレイヤ−に出力されます/////////////////////////////////-->
<div id="test1"
style="position : absolute ;
left : 180px ;
top : 150px ;
font-size : 24pt ;">
</div>