Calendar

2006年10月

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

Search


うさゾン [うさ+Amazon]

JavaScript和書検索
JavaScript洋書検索
うさゾンで探す

2006年10月04日

イメージでdivの表示・非表示を切り替える

今回は、サンプルでもよくDLされている、イメージでdivの表示・非表示を切り替える方法をこちらにはってみます。
イメージをクリックすると指定しているDiv内(ここではid指定)の表示状態をDivタグスタイル属性を変更し、非表示にしたり表示に戻したりしています。
このブログTOPの左下の「サンプルブログパーツ」にも適応してみました。こんな感じで利用するのも一つの手かもしれませんネ。
なお、ネスケの古いヴァージョンなどでは、getElementByIdが利用できませんのでdocument.layers["div名"]で呼び出してくださいね。他のヴァージョンとの互換性など、レイヤー全般に関するサンプルはうさのJavaScript講座のサンプル集8でご紹介しております。

←クリックしてみてネ♪
この部分がDIV内です。

ソースはこちら↓

2006年10月02日

id値をテキストボックスに表示

週末ふらっと海外で潜ってまいりました。(実はダイブマスターだったりするうさです。)
普段よくボーイング747に乗るのですが、今回は757。行きはエコノミー(コーチ)で帰りはビジネスだったので、その座席配列をマウスイベントで表現してみることにします。

サンプルでは、テキストにAタグを貼り、そのid値をテキストボックスに表示させています。AタグでなくてDIVタグなどでも動作します。ただし、テキストボックスに表示する場合、特に古いヴァージョンのブラウザなどgetElementById関数を利用できないブラウザもありますので、その場合は、"document.フォーム名.テキストボックス名"にてご利用くださいませ。フォームに関するサンプルは、うさのJavaScript講座のサンプル集4に入っています。

 

 


ソースはこちら↓