しなやか暮らし研究所パソコン処理ホームページ作成 Javascript

Javascript部品

JavaScriptはWebページで使用される標準的なプログラミング言語です。
JavaScriptで作られたプログラムによって、Webページに動的なメニューを表示したりすることが出来ます。
基本的にはHTMLのHeader部に組み込むため、サーバーサイドに設置する他のプログラムと違って扱いやすく、ホームページ作りの部品として利用しやすいでしょう。

指定ページにジャンプする

Javascript

<script language="JavaScript" type="text/JavaScript">
<!--
// 指定ページにジャンプする
url = "http://www.sample.com/0400.html"; // 移動するアドレス
function jumpPage() {
  location.href = url;
}
jumpPage();
//-->
</script>

キー入力(隠しコマンド)によりアクションを起こす、たとえば指定ページに飛ぶ

Javascript

<script language="JavaScript" type="text/JavaScript">
<!--
// 入力がDVだったら指定ページにJump
var code, inputCode, errorCode;
code = "68;86;";				//"DV"
errorCode = "100;118;";				//"dv"
inputCode = "";
document.onkeypress = keyPress;

function keyPress(){
	e = event.keyCode;
	window.status = "key=" + e;
	inputCode += e + ";";
	if (code.indexOf(inputCode) < 0 &&  errorCode.indexOf(inputCode) < 0) {
		inputCode = "";
		return;
	}
	if (errorCode == inputCode) {
		alert("入力は" + String.fromCharCode(100,118) + "でした。\n大文字でキー入力してください。");
		inputCode = "";
	}
	if (code == inputCode) {
//		alert("入力は" + String.fromCharCode(68,86) + "でした。");
		inputCode = "";
		jumpPage();
	}
}
//-->
</script>

郵便番号から住所を作る

HTML

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>郵便番号から都道府県入力</title>
<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>

<input class="smh_right" type="text" name="zip01" size="10" maxlength="8" onkeyup="AjaxZip3.zip2addr(this,'','pref01','addr01');">
<span style="font-size: x-small; color: rgba(102,102,102,1);"> 都道府県名は自動入力されます</span>

<input class="smh_right" type="text" name="pref01">

<input  class="smh_right" type="text" name="addr01">

Javascript

Googleサイトよりrun time download(head部でロード)
inputタグで onkeyup=Javascriptを指定

1 2