おぼえておくと便利なJavascriptメモ
PHPではできないことをJavascriptで実装する
PHPのプログラムは サーバーに一度アクセスしないとプログラムは返ってきません
なので、PHPではどうしてもできないことやPHPで実装するとレスポンスが悪いことが多々あります
そういう場合に便利なJavascriptをWEB上にメモしておきます
ボタンをクリックすると数字が+-されるフォーム
上記はPHPのセッションを使用すれば実装できますが
ボタンを押すたびにサーバーに接続してレスポンスが非常に悪いですし
何よりも Javascriptを使えば たった２．３行ですみます
<!-- クリックすることでフォームのtextが+-されるscript -->
<form method="POST" action="">
<input type=button value="＋" onClick="javascript:this.form.kosuu.value++;">
<input type=button value="－" onClick="javascript:this.form.kosuu.value--;">
<input type="text" value="1" name="kosuu" size="1" maxlength="2">個
</form>
セレクトした瞬間にページを移動するJavascript
上記はPHPで実装しようとしたらsubmitボタンを押さなければいけないでしょう・・・・
<form name="link">
<select name="menu" onchange="javascript:location=document.link.menu.options[document.link.menu.selectedIndex].value;">
<option value="#">選択してください</option>
<option value="index.html">トップページ</option>
<option value="matome1.php">PHP関数まとめ１</option>
<option value="matome2.php">PHP関数まとめ２</option>
<option value="matome3.php">PHP関数まとめ３</option>
<option value="calendar_setumei.php">PHPでカレンダー作成</option>
<option value="mailadd_angou.php">メールアドレス暗号化</option>
<option value="hairetu_matome.php">PHPの配列について</option>
</select>
</form>
F5キーでのページの更新をさせない
PHPのセッションなどを使用したページでフォームのボタンが自動的に押されると困る時に使用します
フォームのsubmitボタンなどがF5キーなどで押されるのを阻止する Javascript
データベースへの２重書き込み防止などにも使えます
<!-- F5キーでのページの更新を禁止する javascript -->
<script language="JavaScript"><!--
window.document.onkeydown = function ()
{
if (event.keyCode == 116)
{
event.keyCode = null;
return false;
}
}
//--></script>