JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

JavaScript

JavaScriptって…? | JavaScript応用のツボ | ブラウザについて | JavaScript Market 利用規程 | JavaScript 各種サンプル | JavaScript 小技集

レイア内のドキュメント変更

よくあるレイア内のドキュメントを書き換えるスクリプトで、
個人的にDHTMLがあまり好きではないのでココで公開するつもりは無かったのですが、
Netscape6 以降に対応しているものが少ないようなので公開することにしました。

リンク1  リンク2  リンク3


リンク4  リンク5  リンク6

■ このスクリプトのソース
<script>
str = new Array();

/* 案内文を必要な数だけ記述(タグ可) */
str[0] = "";   // マウスポインタが離れたときの文(消去する場合は空白に)
str[1] = "<font color=magenta>リンク1の案内文です</font>";
str[2] = "<font color=gray>リンク2の案内文です</font>";
str[3] = "<font color=green>リンク3の案内文です</font>";
str[4] = "<b>リンク4の案内文です</b>";
str[5] = "<i>リンク5の案内文です</i>";
str[6] = "<u>リンク6の案内文です</u>";

function layer_print(pos,mes) {

/* 呼び出し形式:イベントハンドラ="layer_print('レイア名','案内文の番号')" */
   if (document.layers) {
      with(document.layers[pos].document) { open(); write(str[mes]); close(); }
   }
   else {
      if (navigator.userAgent.match(/msie/i)) doc = document.all.item(pos);
      else if(navigator.userAgent.match(/gecko/i)) doc = document.getElementById(pos);
      doc.innerHTML = str[mes];
   }
}
</script>

<span id=lay1><layer name=lay1></layer></span><br>
<a href="" onMouseover="layer_print('lay1',1)" onMouseout="layer_print('lay1',0)">リンク1</a> 
<a href="" onMouseover="layer_print('lay1',2)" onMouseout="layer_print('lay1',0)">リンク2</a> 
<a href="" onMouseover="layer_print('lay1',3)" onMouseout="layer_print('lay1',0)">リンク3</a>
<p>
<span id=lay2><layer name=lay2></layer></span><br>
<a href="" onMouseover="layer_print('lay2',4)" onMouseout="layer_print('lay2',0)">リンク4</a> 
<a href="" onMouseover="layer_print('lay2',5)" onMouseout="layer_print('lay2',0)">リンク5</a> 
<a href="" onMouseover="layer_print('lay2',6)" onMouseout="layer_print('lay2',0)">リンク6</a>


suepon.com | CGI作成・CGI制作 | ドメイン検索 | バナー自動作成 | Google Dance jp | 松浦亜弥 (H.P.memo) | パソコン | ネイル