[Labyrinthe Noir]>[Top]>[Computer Forum]>[実用JavaScript集]>

すぐに使えるサンプル集


 JavaScript を使った実用的な楽しいサンプルを提供したいと思います。
 ソースと解説付きですので、JavaScriptの理解も進めながら、自分で応用できるようになります。
 できるだけ、コピー&ペーストするだけで使えるものを扱いたいと思います。

   

0.JavaScriptの基本

 JavaScriptの基本的な記述のパターンを紹介します。 基本的な動作方法
タグの記述方法
変数について

1.JavaScript小技集

 簡単で役立つ JavaScript の使い方を紹介します。 元のページに戻るリンク
飛ばないリンク
ボタン型リンク
注釈文を挿入する
乱数を発生させる
 サイコロ
ウインドウの大きさを決めて開く
 閉じるボタン/リンク
お気に入りに追加(IE専用)
フォームの内容で動作を切り換える
ブラウザの判定(Internet Explorer)
画面サイズを取得する

2.メッセージを表示する

 HTML と組み合わせてメッセージを扱う機能を紹介します。

アラートの表示
リンク先の説明をウインドウステータスに表示
リンク先の説明をフォームに表示
メッセージをランダムに表示
 おみくじ
フォームの送信前に確認する
 確認内容に応じてページを切り換える
現在の日時を表示する
 リアルタイムに時間を更新

3.グラフィックを切り換える

 マウスの動きに合わせたイメージを扱う機能を紹介します。

基本的なイメージの切り換え方法
複数のイメージ切り換えボタン
複数の同じイメージを切り換える
複数のイメージを1ヶ所で切り換える
複数のイメージとメッセージを同時に切り換える
マウスを画像に乗せると背景が変わる
一定間隔で画像を更新する

4.フレームを切り換える

 フレームを使った実用的な機能を紹介します。 フレームの仕組み
2つのフレームを同時に変更する(1)
2つのフレームを同時に変更する(2)
フレームの内容をランダムに表示する

5.cookieを使ってみる

 cookieを使った楽しい機能を紹介します。 cookieとは?
cookieでカウンター
cookieで名前を表示
cookie利用の注意点

6.フォームを使う

 白紙で表示される場合、UTF-8でエンコードしてください。
  (IEの場合、画面上で右クリック→エンコード→UTF-8)
 

戻る