【長いので】Sapporo.js-2010.10.03に行ってきた【オブジェクト編だけ】

event JavaScript

前回に続き２回目の参加です。今回はJavaScript: The Good Parts（以下本）の３章と４章、オブジェクトと関数について。 Sapporo.js-2010.10.03 : ATND JavaScriptについては知識も経験もゼロに等しい。つたないJavaとRubyの知識で乗り切れるだろうか。型 …

2010-03-10

リンクやボタンにフォーカスを設定する方法

JavaScript

フォーカスとは： Tabキーで動かしてEnterキーで実行するアレです。 <head> <script type="text/javascript">  </script> </head> <body onload="onFocus('ubunchu')"> <a id="ubunchu" href="http://www.aerialline.com/comics/ubunchu/">うぶんちゅ！</a> </body>

2010-03-09

フォーム送信時に確認ダイアログを表示する方法

JavaScript

Webページで重要な操作を行う際、メッセージボックスを表示させてワンクッション置きたい場合がありますが、JavaScriptを使えば容易に実装できます。処理の流れイベント発生時、確認ダイアログが表示される。確認ダイアログへの対応 OKボタン押下：処理…

2010-03-05

セレクトボックス変更時にフォームを送信する方法

JavaScript

Webページからサーバーにフォーム送信する場合、通常はinputタグのtype属性を"submit"に設定したボタンを使用します。しかし、ユーザーの利便性を考え、セレクトボックスを変更するだけでフォームを送信するという動きが求められる場合があります。そのよう…

2010-02-23

テキストボックス×JavaScriptによる入力チェック【基本編】

JavaScript

JavaScriptを使い、入力された値をチェックする方法です。 onChangeイベントで、テキストボックスそのものを引数としてJavaScriptの関数に渡しています。パンはパンでもだらしないパンは？ <input type="text" onChange="inputCheck(this)" /> <script type="text/javascript"> <!-- function inputCheck(input){ if( input.value == ××× ){ w</script>…

2010-02-16

セレクトボックス×JavaScriptによるテーブルの検索

JavaScript

処理の流れ 1.検索元データは全てHTMLに保持する 2.セレクトボックスにイベントを作成し、関数を呼び出す 3.関数内の処理 3-1.セレクトボックスの値を取得 3-2.テーブル情報を取得 3-3.テーブルの行数分forループを回す 3-4.forループ内の処理 3-4-1.セレク…