![[PukiWiki]](image/boo-head1.png "[PukiWiki]")
|
Java Script 関連 リンク †
Tips (リンクから得られる情報のまとめ) †どのブラウザでも動くようにする. †if (document.all) { document.all["myLAY"].style.left = x; }
if (document.layers) { document.layers["myLAY"].left = x; }
if (!document.all && document.getElementById) {
document.getElementById("myLAY").style.left = x; }
本から派生した覚書的なコード †プルダウンメニュー(SELECT)の選択にしたがって実行(URL の移動など) †GO ボタンをおすか, 選択を変更するだけでジャンプする. <script type="text/javascript">
<!--
function goURL() {
var url=document.getElementById("selecturl").value;
document.location=url;
}
//-->
</script>
<body>
<h1>Let's Jump!!</h1>
<hr />
<form>
<select id="selecturl" onchange="goURL()">
<option value="http://www.center.osaka-wu.ac.jp">センター TOP</option>
<option value="http://www.las.osakafu-u.ac.jp">機構 TOP</option>
<option value="http://www.osaka-wu.ac.jp">女子大 TOP</option>
<option value="http://www.google.com">Google</option>
</select>
<input type="button" value="Go" onclick="goURL()" />
</form>
</body>
数値, 半角のチェック †数値でなかったら, 警告を出し文字列をクリアする. †<script type="text/javascript">
<!--
function isNumeric(arg) {
if (isNaN(arg)) alert("Not numeric!!");
}
chkempty() {
for (i in document.getElementsByTagName("input")) {
if (document.getElementsByTagName("input")[i].value == "")
alert("No entry!!");
}
}
//-->
</script>
<form>
<table><tr><th>product</th><th>price</th></tr>
<tr><th>Prod-A</td><td>
<input type="text" name="pr_A" onchange="isNumeric(this.value)" size="20" /></td></tr>
<tr><th>Prod-B</td><td>
<input type="text" name="pr_B" onchange="isNumeric(this.value)" size="20" /></td></tr>
</table>
<input type="button" value="Enter" onclick="chkempty()">
</form>
|
