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>
 
<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

このサイトは個人生活を健やかに、愉しく、 企業活動を闊達にして、 持続可能な社会作りを目指します
Copyright © しなやか暮し研究所 2012 All Rights Reserved.