Java Script Related の変更点 - YOSITOMI.ORG Web Site by PukiWiki

追加された行はこの色です。
削除された行はこの色です。
Java Script Related へ行く。
Java Script Related の差分を削除
&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 の移動など) [#f2c4f634]

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>

** 数値, 半角のチェック [#a2a50d8a]

*** 数値でなかったら, 警告を出し文字列をクリアする. [#sc493d14]

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