おぼえておくと便利なJavascriptメモ

PHPではできないことをJavascriptで実装する

PHPのプログラムは サーバーに一度アクセスしないとプログラムは返ってきません
なので、PHPではどうしてもできないことやPHPで実装するとレスポンスが悪いことが多々あります

そういう場合に便利なJavascriptをWEB上にメモしておきます

ボタンをクリックすると数字が+-されるフォーム

上記はPHPのセッションを使用すれば実装できますが
ボタンを押すたびにサーバーに接続してレスポンスが非常に悪いですし
何よりも Javascriptを使えば たった2.3行ですみます

<!-- クリックすることでフォームの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関数まとめ1</option>
<option value="matome2.php">PHP関数まとめ2</option>
<option value="matome3.php">PHP関数まとめ3</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

データベースへの2重書き込み防止などにも使えます

<!-- F5キーでのページの更新を禁止する javascript -->
<script language="JavaScript"><!--
window.document.onkeydown = function ()
{
	if (event.keyCode == 116) 
	{
		event.keyCode = null;
		return false;
	}
}
//--></script>