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        

うさゾン [うさ+Amazon]

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

Inside
うさのJavaScript講座

JavaScript Samples

  • ご利用方法
  • うさのJavaScript講座サンプル集

Links

サンプルブログパーツ

  • このパーツに利用している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に入っています。

 

 


ソースはこちら↓

2006年09月23日

S~Wから始まるメソッド、プロパティリファレンス

S~Wから始まるメソッド、プロパティなどのリファレンスページを復旧しました。
これにてアルファベット別リファレンスすべて復旧です。
よろしく願いいたします♪

うさのJavaScript講座TOPへ

2006年09月21日

本日日付を画像で表示☆サンプル集1-69を追加しました

本日日付を画像で表示☆サンプル集1-69を追加しました。
もともとサンプル集1-7に入っていたのですが、最近のブラウザではgetYearでなくgetFullYearで年度を取得するので、その1行を変更したものです。サンプルはそのままHTML/XHTML内部にも記述できますし、JSファイルにしていただいても結構です。ご自由にカスタマイズしてくださいませ。
ブログにももちろん使えますのでご利用くださいね♪

うさのJavaScript講座・サンプル集1-69をこのページに貼り付けています。

ソースはこちら↓

2006年09月17日

J~Rから始まるメソッド、プロパティリファレンス

J~Rから始まるメソッド、プロパティなどのリファレンスページを復旧しました。
よろしく願いいたします♪

うさのJavaScript講座TOPへ

Search


Recent Entries