http://www.nishishi.com/javascript/ ウェブ上でJavaScriptを活用する様々なTIPSを紹介。 ja Copyright 2008 Tue, 26 Aug 2008 18:08:29 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss [◆概要]JavaScriptでも正規表現を使った文字列の検索や置換が可能です。検索文字列が固定されている場合はかなりシンプルな記述で済みます。変数に格納された文字列を検索文字列に使いたい場合は、RegExpコンストラクタ関数を使うことで実現できます。 [◆冒頭] JavaScriptでも正規表現を使った文字列の検索や置換が可能です。 検索する文字列が http://www.nishishi.com/javascript/2008/regular-expression.html http://www.nishishi.com/javascript/2008/regular-expression.html 計算・変換 Tue, 26 Aug 2008 18:08:29 +0900 [◆概要]文章の行間をユーザが変更できる機能を作ってみましょう。文字サイズはブラウザの機能で変更できますが、行間は変更できません。ユーザの好みに応じて行間を変更できるようにしておくと、閲覧しやすくなるかも知れません。 [◆冒頭] ページの文字サイズは、ブラウザの機能で変更できます。しかし、行間の調整はブラウザの機能で http://www.nishishi.com/javascript/2007/lineheight-changer.html http://www.nishishi.com/javascript/2007/lineheight-changer.html 装飾・内容変更 Tue, 04 Sep 2007 18:43:25 +0900 [◆概要]複数のラジオボタン（またはチェックボックス）と、それに対応するテキスト入力欄が存在する場合、テキスト入力欄に何か文字列が入力されただけで、自動的に対応するラジオボタンにチェックが入ると便利です。ユーザがラジオボタンをクリックする手間を省けますから。そんな「入力欄に対応するラジオボタンに自動でチェックを入れる」機能を作ってみました。 [◆冒頭]複数の選択肢（チェックボックスやラジオボタン）があって、それに対応するテキスト入力欄がある http://www.nishishi.com/javascript/2007/autocheck-radiobutton-by-textinput.html http://www.nishishi.com/javascript/2007/autocheck-radiobutton-by-textinput.html 入力フォーム Mon, 03 Sep 2007 11:48:27 +0900 [◆概要]入力フォームに「リセット」ボタンは不要です。しかし、どうしても設置しなくてはならないなら、せめて、誤操作を防げる「リセット」ボタンにしましょう。そこで、確認機能付きリセットボタンをJavaScriptで作ってみましょう。クリックされた際に、「本当にリセットして良いのか？」を確認する機能です。これなら、誤ってクリックされても、入力内容が削除されてしまうことを防げます。 [◆冒頭]入力フォームに「リセット」ボタン（「クリア」ボタン）は不要です。 誤って押してしまうと、す http://www.nishishi.com/javascript/2007/form-reset-confirm.html http://www.nishishi.com/javascript/2007/form-reset-confirm.html 入力フォーム Sat, 01 Sep 2007 23:45:57 +0900 [◆概要]フォーム内に、「ある項目を選択した場合にのみ入力して欲しい」項目がある場合は、ユーザの選択に応じて入力欄の表示・非表示が切り替わる方が便利です。JavaScriptを使えば、ラジオボタンの選択状態に応じて、特定の入力欄を表示したり消したりできます。 [◆冒頭]アンケートフォームなどでは、「ある項目を選択した場合にのみ入力して欲しい」項目があったりし http://www.nishishi.com/javascript/2007/radio-text-display.html http://www.nishishi.com/javascript/2007/radio-text-display.html 入力フォーム Fri, 01 Jun 2007 13:51:58 +0900 [◆概要]ラジオボタンは通常、1度どれかを選択すると「どれも選択しない状態」には戻せません。JavaScriptを使えば、「どのラジオボタンにもチェックが入っていない状態」に戻すことができます。すべてのラジオボタンのcheckedプロパティをループで調べて、falseを代入するだけです。 [◆冒頭]「ラジオボタン」というのは、複数の項目のうち「どれか1つだけ」を選択できるフォームのことで http://www.nishishi.com/javascript/2007/radiobutton-alloff.html http://www.nishishi.com/javascript/2007/radiobutton-alloff.html 入力フォーム Thu, 31 May 2007 19:08:53 +0900 [◆概要]チェックボックスがたくさんある場合は、全部のチェックボックスを一括してON/OFFできる機能を用意しておくと便利です。チェックボックスのON/OFFを切り替えるには、checkedプロパティの値にtrueまたはfalseを格納するだけです。ループを使って一括処理させましょう。 [◆冒頭]フォーム内にたくさんのチェックボックスが存在する場合、そのすべてを一括してON/OFFでき http://www.nishishi.com/javascript/2007/checkbox-onoff.html http://www.nishishi.com/javascript/2007/checkbox-onoff.html 入力フォーム Wed, 30 May 2007 14:10:09 +0900 [◆概要]特定の座標にスクロールするには、window.scroll(X,Y);と記述します。座標ではなく移動量を指定したい場合は、window.scrollBy(X,Y);と記述します。このスクリプトを使えば、縦横に自由にスクロールさせられます。 [◆冒頭]JavaScriptを使うと、ページ内の特定の座標にスクロールさせることができます。 HT http://www.nishishi.com/javascript/2007/window-scroll.html http://www.nishishi.com/javascript/2007/window-scroll.html 操作・移動 Tue, 29 May 2007 12:31:27 +0900 [◆概要]特定の入力欄に最初からカーソルを入れておきたい場合は、focusメソッドを使います。これを、body要素のonload属性の中などに書いておけば、ページの読込完了と同時に、指定の入力欄にカーソルが入った状態にできます。ログイン画面などに便利でしょう。 [◆冒頭]ログインフォームのように、何らかの文字入力が必要なページを表示する場合、最初から入力欄（テ http://www.nishishi.com/javascript/2007/form-focus.html http://www.nishishi.com/javascript/2007/form-focus.html 入力フォーム Mon, 28 May 2007 12:11:20 +0900 [◆概要]特定のHTML要素の内容をごっそり書き換えるには、innerHTMLプロパティの値を書き換えます。 [◆冒頭]JavaScriptを使うと、特定のHTML要素の中身をごっそりまるごと動的に書き換えるこ http://www.nishishi.com/javascript/2007/innerhtml.html http://www.nishishi.com/javascript/2007/innerhtml.html 装飾・内容変更 Sun, 27 May 2007 13:24:42 +0900