Archive for the ‘JavaScript’ Category

2011年10月02日に投稿

Firebug を使って実行中の JavaScript の変数を書き換える

Firebug で実行中の JavaScript の変数を書き換える方法をご紹介します。この方法を使って、ある変数が使用される直前で書き換えてしまえば、その変数が書き換えられた状態で続きを実行させることができます。具体的なコードと方法を示します。

Firebug JavaScript

2011年09月28日に投稿

[Javascript]各ブラウザでマウスホイールの操作を検知する

各ブラウザでマウスホイール操作を検知する方法が分かりましたので記事にします。検知する方法が各ブラウザで違うようなのでそれぞれのブラウザ用に条件分岐をする必要があります。下記のサンプルコードはIE6、IE7、IE8、Firefox、Chromeで動作確認しました。

JavaScript

2011年09月20日に投稿

[JavaScript] フォームを送信する

HTML の input タグで作られたテキストフィールドやチェックボックス等の入力フィールドの内容を送信するには、通常 input タグの type に submit を指定した送信ボタンを使用しますが、JavaScriptでも送信することができます。

form の内容を送信するには submit メソッドを使用します。id button が指定された要素がクリックされると、「hoge」と名前がついたformの内容をsend.phpにPOST送信します。

<html>
    <head>
        <meta charset="UTF-8" />
        <script type="text/javascript">
            window.onload = function(){
                document.getElementById('button').onclick = function(){
                    document.hoge.submit();
                }
            }
        </script>
    </head>
    <body>
        <form method="post" action="send.php" name="hoge">
            <input type="text" name="text" /><div id="button">送信</div>
        </form>
    </body>
</html>