http://www.nishishi.com/javascript/ ウェブ上でJavaScriptを活用する様々なTIPSを紹介。 ja Copyright 2010 Sun, 26 Sep 2010 00:07:02 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss [◆概要]JavaScriptには、一定時間ごとに何らかの処理を実行させるタイマー機能があります。経過時間（何かが行われてからの秒数）を表示させる際などに活用できます。setIntervalメソッドで繰り返し処理と実行間隔を指定し、clearIntervalメソッドで終了させます。 [◆冒頭]JavaScriptには、一定時間ごとに何らかの処理を実行させるタイマー機能があります。こ http://feedproxy.google.com/~r/nishishi-js/~3/uvufkTGw0HY/setinterval-passage.html http://www.nishishi.com/javascript/2010/setinterval-passage.html イベント Sun, 26 Sep 2010 00:07:02 +0900 http://www.nishishi.com/javascript/2010/setinterval-passage.html [◆概要]サブウインドウを画面（表示領域）の中央に表示させるには、availWidthプロパティとavailHeightプロパティを使って、サブウインドウ左上の表示座標を計算します。あとは、window.openを使ってサブウインドウを表示すればOKです。 [◆冒頭]JavaScriptを使ってサブウインドウを表示する際、画面の中央に表示させたいと思うこと http://feedproxy.google.com/~r/nishishi-js/~3/VtId2BEF84o/subwindow-centering.html http://www.nishishi.com/javascript/2010/subwindow-centering.html 機能 Fri, 24 Sep 2010 16:13:35 +0900 http://www.nishishi.com/javascript/2010/subwindow-centering.html [◆概要]表示されている画像を別の画像に差し替えたい（変化させたい）場合は、対象のオブジェクト（画像）のsrcプロパティに、新画像のURLを代入するだけで簡単に実現できます。閲覧者がマウスをクリックすることで画像を差し替える機能は、すごく簡単に作れます。 [◆冒頭] 単一の画像表示スペースに、次々に画像を表示させたい場合など、表示されている画像を別の画像 http://feedproxy.google.com/~r/nishishi-js/~3/5MeQhoNIaJU/change-image-src.html http://www.nishishi.com/javascript/2009/change-image-src.html 装飾・内容変更 Wed, 24 Jun 2009 19:41:59 +0900 http://www.nishishi.com/javascript/2009/change-image-src.html [◆概要]ユーザが入力した「カンマ区切り」の文字列を、カンマで分割して配列に格納するには、splitメソッドを使うと楽です。入力個数が不定の場合には、入力欄をたくさん用意するよりカンマ区切りで入力してもらう方が入力フォームをシンプルにできます。区切り文字はカンマでなくても何でも構いません。 [◆冒頭] あらかじめ個数が決まっていないデータをユーザに入力させる場合は、十分な入力欄を用意してお http://feedproxy.google.com/~r/nishishi-js/~3/BHhhmAk06CM/split-comma.html http://www.nishishi.com/javascript/2009/split-comma.html 計算・変換 Sun, 07 Jun 2009 14:09:16 +0900 http://www.nishishi.com/javascript/2009/split-comma.html [◆概要]JavaScriptでも正規表現を使った文字列の検索や置換が可能です。検索文字列が固定されている場合はかなりシンプルな記述で済みます。変数に格納された文字列を検索文字列に使いたい場合は、RegExpコンストラクタ関数を使うことで実現できます。 [◆冒頭] JavaScriptでも正規表現を使った文字列の検索や置換が可能です。 検索する文字列が http://feedproxy.google.com/~r/nishishi-js/~3/icqyCCTIQL0/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/2008/regular-expression.html [◆概要]文章の行間をユーザが変更できる機能を作ってみましょう。文字サイズはブラウザの機能で変更できますが、行間は変更できません。ユーザの好みに応じて行間を変更できるようにしておくと、閲覧しやすくなるかも知れません。 [◆冒頭] ページの文字サイズは、ブラウザの機能で変更できます。しかし、行間の調整はブラウザの機能で http://feedproxy.google.com/~r/nishishi-js/~3/6L63uH81pJ4/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/lineheight-changer.html [◆概要]複数のラジオボタン（またはチェックボックス）と、それに対応するテキスト入力欄が存在する場合、テキスト入力欄に何か文字列が入力されただけで、自動的に対応するラジオボタンにチェックが入ると便利です。ユーザがラジオボタンをクリックする手間を省けますから。そんな「入力欄に対応するラジオボタンに自動でチェックを入れる」機能を作ってみました。 [◆冒頭]複数の選択肢（チェックボックスやラジオボタン）があって、それに対応するテキスト入力欄がある http://feedproxy.google.com/~r/nishishi-js/~3/TkVybJa09LE/autocheck-radiobutton-by-textinput.html http://www.nishishi.com/javascript/2007/autocheck-radiobutton-by-textinput.html 入力フォーム Mon, 03 Sep 2007 11:48:27 +0900 http://www.nishishi.com/javascript/2007/autocheck-radiobutton-by-textinput.html [◆概要]入力フォームに「リセット」ボタンは不要です。しかし、どうしても設置しなくてはならないなら、せめて、誤操作を防げる「リセット」ボタンにしましょう。そこで、確認機能付きリセットボタンをJavaScriptで作ってみましょう。クリックされた際に、「本当にリセットして良いのか？」を確認する機能です。これなら、誤ってクリックされても、入力内容が削除されてしまうことを防げます。 [◆冒頭]入力フォームに「リセット」ボタン（「クリア」ボタン）は不要です。 誤って押してしまうと、す http://feedproxy.google.com/~r/nishishi-js/~3/OuQx0eJNex0/form-reset-confirm.html http://www.nishishi.com/javascript/2007/form-reset-confirm.html 入力フォーム Sat, 01 Sep 2007 23:45:57 +0900 http://www.nishishi.com/javascript/2007/form-reset-confirm.html [◆概要]フォーム内に、「ある項目を選択した場合にのみ入力して欲しい」項目がある場合は、ユーザの選択に応じて入力欄の表示・非表示が切り替わる方が便利です。JavaScriptを使えば、ラジオボタンの選択状態に応じて、特定の入力欄を表示したり消したりできます。 [◆冒頭]アンケートフォームなどでは、「ある項目を選択した場合にのみ入力して欲しい」項目があったりし http://feedproxy.google.com/~r/nishishi-js/~3/rxl05PbtPPA/radio-text-display.html http://www.nishishi.com/javascript/2007/radio-text-display.html 入力フォーム Fri, 01 Jun 2007 13:51:58 +0900 http://www.nishishi.com/javascript/2007/radio-text-display.html [◆概要]ラジオボタンは通常、1度どれかを選択すると「どれも選択しない状態」には戻せません。JavaScriptを使えば、「どのラジオボタンにもチェックが入っていない状態」に戻すことができます。すべてのラジオボタンのcheckedプロパティをループで調べて、falseを代入するだけです。 [◆冒頭]「ラジオボタン」というのは、複数の項目のうち「どれか1つだけ」を選択できるフォームのことで http://feedproxy.google.com/~r/nishishi-js/~3/yqoaVuU0bVo/radiobutton-alloff.html http://www.nishishi.com/javascript/2007/radiobutton-alloff.html 入力フォーム Thu, 31 May 2007 19:08:53 +0900 http://www.nishishi.com/javascript/2007/radiobutton-alloff.html