入力フォームの画面上部に入力の進捗状況を示すプログレスバーを表示することができる、Javascriptのスクリプト「Fort.js」をご紹介します。「Fort.js」を使用するとフォームを入力した時に進捗状況のプログレスバーをアニメーションで表示することができます。ダウンロードはこちらまた、「Fort.js」はjQueryを使用しないで動作するスクリプトです。下記にJavascriptのスクリプト「Fort.js」を使用して進捗状況を知らせるプログレスバーを表示させた時の方法をメモします。ライセンスはMITです。「Fort.js」をダウンロードします。【共通で読み込むファイル】ダウンロードしたスクリプトとスタイルを読み込みます。headタグに下記のコードを記述します。src="fort.min.js"></script>【HTML】bodyタグの後にプログレスバーを表示する時に使用するdivタグを記述します。</div>【JS】bodyの閉じタグの前に「Fort.js」のスクリプトを記述します。画面上部にプログレスバーが表示するようになります。エフェクトは他にもあります。solid()flash()gradient()sections()ログイン画面などの入力フォームで活用できそうです。スタイルシートなどを変更すればプログレスバーの色やサイズなども変えることができます。raining返信セレクトボックスの値を変更した時に、選択した項目によって別のページに遷移(リンク)させたい場合があります。Javascriptを使用すれば簡単にページ遷移させることが可能です。JavaScriptのonChangeイベントを使用し、セレクトボックスの値を変更したら指定のリンク先に遷移するという処理を記述すればOKです。JavaScriptでページ遷移する方法は「location.href」を使用します。以前に「location.href」の説明を記述しました。下記に記載しています。optionタグのvalueの値を「location.href」にセットするようにします。下記に例を記述します。セレクトボックス選択時にページ遷移onChangeはフォームの入力・選択値が変更された時に処理を行うイベントです。セレクトボックスに「onChange=”location.href=value;”」を記述します。optionタグのvalue値に遷移させるURLを指定します。value="http://www.yahoo.co.jp/">Yahoo!</option></select>セレクトボックスの値を変更すると、選択した値のURLに遷移することができます。使いたい時があるのでメモしておきます。raining返信Javascriptのprint()メソッドを使用して、印刷ボタンを設置した時の方法をメモします。データなどを出力する場合など、WEBページを印刷することがあります。ブラウザのヘッダーにあるメニューからページを印刷してもいいのですが、ページ内に印刷ボタンがあった方が効率が良い場合があります。print()メソッドを使用すると、簡単に印刷ダイアログを呼び出してページを印刷することが可能です。ボタンではなくリンクで設定することも可能です。印刷用のスタイルを適用させたい場合があります。head内で読み込むCSSファイルに「media=”print”」を設定します。※印刷時にスタイルが適用されます。/>ページ表示用とは別に作成した方がいいと思います。印刷に不要な部分を非表示にする場合は下記のように記述します。false;">印刷する</a></div>長いページなど、改ページの位置を指定したい場合は下記のように記述します。印刷する内容</div>印刷するようなページを作る場合は、印刷するボタンやリンクがあった方が楽に印刷ができると思います。ブラウザのバージョンによっては、print()メソッドが使用できない場合があるようです。raining3Javascriptで配列をループする方法をメモします。配列をループさせる場合はfor文を使用します。配列の全ての値を出力することが可能です。下記にJavascriptで配列をループし、配列の値を出力した時の方法をメモします。Javascriptで配列をループJavascriptで配列を用意し、for文でループします。「arr.length」で配列の数を取得しています。'<br>');}</script>下記のように文字列を書き出します。abcde上記の方法で配列をループし値を出力することができます。raining返信JavascriptでアクセスしているURL情報を取得する場合、locationオブジェクトを使用すれば簡単に取得することができます。URL、ホスト名、アンカーなど色々な情報を取得することができます。指定したURLに移動することもできます。下記にlocationオブジェクトの機能や使用例をメモします。現在アクセスしているURLを取得します。指定したURLに遷移します。'http://google.co.jp';指定したURLに遷移します。現在アクセスしているホスト情報を取得します。現在アクセスしているアンカーを取得します。指定したアンカーに移動します。現在アクセスしているポート番号を取得します。現在アクセスしているプロトコルを取得します。現在アクセスしているパス情報を取得します。現在アクセスしているパラメータ情報を取得します。