|
★こんなことが出来ます(サンプル) | 指定したレイヤー内のHTMLをまるごと書き換えるファンクション outputLAYER('レイヤ-名',出力するHTML) 。ザクッと書き換えてしまうので用途範囲の広い関数だ。
*
|
outputLAYER('idName','出力するHTML')
|
|
Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
|
|
レイヤー内のHTMLをタグごと書き換えるためのサンプルファンクション。
|
<script language='JavaScript'>
<!--
function outputLAYER(layName,html){
if(document.getElementById){ //e5,e6,n6,n7,m1,o7,s1用
document.getElementById(layName).innerHTML=html
} else if(document.all){ //e4用
document.all(layName).innerHTML=html
} else if(document.layers) { //n4用
with(document.layers[layName].document){
open()
write(html)
close()
}
}
}
//-->
</script>
<!-- 対象レイヤー -->
<div id = "test0"
style="position : absolute ;
width : 200px ;
top : 0px ;
left : 0px ;
">
<a href="javascript:
outputLAYER('test0','<H1>こんにちは</H1>')">
クリックするとこのレイヤー内のHTMLが書き変わります。</a>
</div>
|
|
上記サンプルは
リンククリックのタイミングで outputLAYER() を起動し、N4ではwriteまたはwritelnを使い、N6,Moz,IE4,IE5,IE6では専用のプロパティinnerHTMLを使って指定したレイヤー内を書き換えます。HTMLをまるごと書き換えできるわけですからこれを使えば、アイディア次第でさまざまな応用が可能になります。
|
|
★次のページにサンプルと応用スクリプトを用意しました。
|
次のページ→|
シリーズ目次 |