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

すぐに使えるサンプル集


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

   

0.JavaScriptの基本

 JavaScriptの基本的な記述のパターンを紹介します。 基本的な動作方法
タグの記述方法
コメントアウトについて
変数について
スクリプトが使えない場合

1.JavaScriptの小技

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

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

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

アラートの表示
 様々なメッセージの表示場所
リンク先の説明をウインドウステータスに表示
リンク先の説明をフォームに表示
メッセージをランダムに表示
 おみくじ
フォームの送信前に確認する
 確認内容に応じてページを切り換える
時間を計る(カウントを取る)
現在の日時を表示する
 リアルタイムに時間を更新
「戻る」と「閉じる」の切り換え

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

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

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

4.ページを切り換える

 フレームとドキュメントの切り換えを紹介します。

フレームの仕組み
2つのフレームを同時に変更する
基本的なページの切り換え
フレームから全体の切り換え
フレームの内容をランダムに表示する

5.cookieを使ってみる

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

戻る