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.EventObserver('d_name', function (element, value) { $('result').innerHTML = element.id+"の値が"+value+"に変更されました"; } ); } </script> <body> <form method="get" action="" id="form1"> 名前:<input type="text" name="name" id="d_name" value=""><br> メッセージ:<input type="text" name="message" id="d_message" value="b"><br> メール:<input type="text" name="mail" id="d_mail" value="c"><br> <button>送信</button> <hr> <div id="result">ここに監視状態が表示されます</div> </form> </body>
スクリプト実行結果が表示されます。