javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> window.onload = function() { new Form.Element.Observer('d_name', 1, function (element,value) { $('result').innerHTML = element.id+"の値が"+value+"に変更されました"; } ); // 1秒ごとにid=d_nameの要素を監視し、変更があった場合に第三引数の関数が呼ばれます } </script> <body> <form method="get" action="" id="form1"> 名前:<input type="text" name="name" id="d_name" value="a"><br> <button>送信</button> <hr> <div id="result">ここに監視状態が表示されます</div> </form> </body>
スクリプト実行結果が表示されます。