<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">
Googleサイトよりrun time download(head部でロード) inputタグで onkeyup=Javascriptを指定
受渡し方法の選択により受渡し時間が表示されている。
受渡し方法の選択により受渡し時間が非表示になる。
<div class="smh_line_w"><!-- 入力6行目 --> <label class="thick1">受渡方法</label> <dl style="margin-left : 20px;text-align : left;float : left;"> <dd><input id="Ans1" class="input_radio" name="受取方法" type="radio" value="現場手渡し" checked onclick="JikanSyukaOn();">現場手渡し <dd><input id="Ans2" class="input_radio" name="受取方法" type="radio" value="指定場所郵送(佐川着払い)" onclick="JikanSyukaOff();">指定場所郵送(佐川着払い)</dd> </dl> </div> <div id="inputC" class="smh_line_w"><!-- 入力8行目 --> <label class="long">受渡時間帯</label> <select name="r_time"> <option value="時間指定なし">時間指定なし</option> <option value="10時より2時間">10時より2時間</option> <option value="12時より2時間">12時より2時間</option> <option value="14時より2時間">14時より2時間</option> <option value="16時より2時間">16時より2時間</option> <option value="18時より2時間">18時より2時間</option> <option value="20時より2時間">20時より2時間</option> <option value="22時より2時間">22時より2時間</option> </select> </div>
<script type="text/javascript"> <!-- function JikanSyukaOff( ) { document.getElementById('inputC').style.display = 'none'; document.form1.r_time.value=""; } function JikanSyukaOn( ) { document.getElementById('inputC').style.display ='block'; document.form1.r_time.value="時間指定なし"; } --> </script>
<script type="text/javascript"> <!-- <div class="smh_line_w"><!-- 入力7行目 --> <label class="long">受渡希望日</label> <script type="text/javascript"> document.writeln("<select name=\"受渡希望日\">"); for (i = 0; i <= 10; i++) { plus5(i); } document.writeln("</select>"); </script> </div> --> </script>
function plus5(p) { var week = new Array("日", "月", "火", "水", "木", "金", "土"); var cToDay = (24 * 60 * 60 * 1000); var today = new Date(); var plus5 = new Date(today.getFullYear(), today.getMonth(), today.getDate() + p); var y5 = plus5.getFullYear(); var m5 = plus5.getMonth()+1; var d5 = plus5.getDate(); var dt = new Date(y5, m5 - 1, d5); var dayOfWeek = week[dt.getDay()]; document.writeln("<option value=\"" + y5 + "年" + m5 + "月" + d5 + "日 ("+ dayOfWeek + ")" + "\">" + y5 + "年" + m5 + "月" + d5 +"日 ("+ dayOfWeek + ")" + "</option>"); }
1文字キー入力するごとにJavascriptに飛んで文字数を数えている。
<textarea id="message" class="input" name="備考" rows="5" cols="28" onkeyup="ShowLength(value);" style="margin : -110px 0 3px 90px;float : left;"> </textarea>
<script type="text/javascript"> <!-- function ShowLength( str ){ document.getElementById("textlength").innerHTML = "現在" + str.length + "文字"; } --> </script>
送信ボタンが押されたときに最大文字数チェックを行う。
<input class="action" type="submit" value="送信" style="margin-right : 5%; width : 100px;" onclick="set_limit()"> <input class="action" type="reset" value="リセット" style="margin-left : 5%; width : 100px;">
<script type="text/javascript"> <!-- var txt_limit = 100; //最大文字数 function set_limit(that){ var check_element = document.getElementById("message"); var check_limit = check_element.value.length; if(check_limit > txt_limit){ alert('入力文字数が '+txt_limit+'文字を超えました'); check_element.focus(); } else { document.form1.action="../t_postmail/postmail.cgi"; document.form1.method="post"; document.form1.submit(); } } --> </script>