‘JavaScript’タグの記事

2008/12/02(火)

表示・非表示スクリプト »

最近わりとちょくちょく使うので、コピペ用に。超シンプル。
（もっと複雑なことがしたかったら、Ajaxライブラリを使った方がいい）

※ サンプルは、表示・非表示がトグルになっている。

<script type="text/javascript">
// <![CDATA[
    function OpenClose() {
        tgl = document.getElementById('DivID').style.display;
        if (tgl == 'block') {
            document.getElementById('DivID').style.display = 'none';
        } else {
            document.getElementById('DivID').style.display = 'block';
        }
    }
// ]]>
</script>

カテゴリー: Sample, Web Design | タグ:

Tail-Lagoon @ 18:25   |   PageUp

2008/09/15(月)

onSubmit »

久し振りに使った。すっかり忘れてた。おまけに昔書いたコードも見つからなくて手間取った。ので、備忘としてここに置いておく。特になんということもないスクリプトなんだけどね。

<script type="text/javascript" language="JavaScript">
// <![CDATA[
function FormCheck() {
    if (!document.getElementById("Assent").checked) {
        alert('「Assent がチェックされていません」');
        return false;
    } else {
        return confirm('「送信します、よろしいですか?」');
    }
}
// ]]>
</script>

<form id="Form1" action="" method="post" onsubmit="javascript:return FormCheck();">

onsubmit の中の return（強調部分）を忘れると、関数から false が返されても submit されてしまうので、注意。なんで submit されてしまうのかってことに気づくのに多少時間がかかった。すっかり忘れてたよ、まったく。

カテゴリー: Sample, Web Design | タグ:

Tail-Lagoon @ 23:27   |   PageUp