2011年10月23日に投稿

[JavaScript] フォームの送信をキャンセルする

お問い合わせフォーム等のフォームについて、ユーザーが入力した内容を JavaScript でチェックしてから送信したい場合があります。チェックを行った結果、エラーが見つかりフォームの送信を中断したい場合の記述方法です。

HTML JavaScript

2011年10月06日に投稿

[JavaScript] ライブラリを使用せずにドラッグできる要素を作る

今でしたら jQuery のプラグイン等を使用すれば簡単にドラッグ可能な要素を作ることができます。ですがそこをあえてライブラリを使用せずに作ったらどれだけ大変なのか確かめて見たかったので、ドラッグ可能な要素をひとつ作りました。

JavaScript jQuery

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>