Java Script Related
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
] [
Trackback(0)
] [
リンク元
]
開始行:
&size(20){Java Script 関連};
#contents
* リンク [#id48488a]
- http://game.gr.jp/justnet/javascript/index.html
- http://cross-browser.com/x/lib/view.php (Cross Browser)
- http://www.openspc2.org/
- http://www.prototypejs.org/
- http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html
* Tips (リンクから得られる情報のまとめ) [#ffb0723c]
** どのブラウザでも動くようにする. [#x1d994cb]
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; }
* 本から派生した覚書的なコード [#gb6d772e]
** プルダウンメニュー(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">セ...
<option value="http://www.las.osakafu-u.ac.jp">機構 ...
<option value="http://www.osaka-wu.ac.jp">女子大 TOP...
<option value="http://www.google.com">Google</option>
</select>
<input type="button" value="Go" onclick="goURL()" />
</form>
</body>
** 数値, 半角のチェック [#a2a50d8a]
*** 数値でなかったら, 警告を出し文字列をクリアする. [#sc4...
<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].valu...
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(...
<tr><th>Prod-B</td><td>
<input type="text" name="pr_B" onchange="isNumeric(...
</table>
<input type="button" value="Enter" onclick="chkempty(...
</form>
終了行:
&size(20){Java Script 関連};
#contents
* リンク [#id48488a]
- http://game.gr.jp/justnet/javascript/index.html
- http://cross-browser.com/x/lib/view.php (Cross Browser)
- http://www.openspc2.org/
- http://www.prototypejs.org/
- http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html
* Tips (リンクから得られる情報のまとめ) [#ffb0723c]
** どのブラウザでも動くようにする. [#x1d994cb]
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; }
* 本から派生した覚書的なコード [#gb6d772e]
** プルダウンメニュー(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">セ...
<option value="http://www.las.osakafu-u.ac.jp">機構 ...
<option value="http://www.osaka-wu.ac.jp">女子大 TOP...
<option value="http://www.google.com">Google</option>
</select>
<input type="button" value="Go" onclick="goURL()" />
</form>
</body>
** 数値, 半角のチェック [#a2a50d8a]
*** 数値でなかったら, 警告を出し文字列をクリアする. [#sc4...
<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].valu...
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(...
<tr><th>Prod-B</td><td>
<input type="text" name="pr_B" onchange="isNumeric(...
</table>
<input type="button" value="Enter" onclick="chkempty(...
</form>
ページ名: