Javascript関連情報

更新日:2002年02月23日

クロスブラウザを制する 2-21 レイヤ-左辺X座標get

ブラウザ(または親要素)左端からのレイヤ-左辺位置をピクセルで取得するためのサンプルファンクション。



*
















getLEFT('レイヤ?名')
Win n4 n6 moz e4 e5 e6 O6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz
ブラウザ(または親要素)左端からのレイヤ?左辺位置をピクセルで取得するためのサンプルファンクション。
<script language='JavaScript'>
<!--
  /*//////// ↓関数の中身に触らなくてもコピペで使えます */ /*////////// レイヤ?左辺X座標get用関数 20020220 UseFree ========================================================  Win  n4 n6 moz e4 e5 e6 O6 ,  Mac  n4 n6 moz e4.5 e5 ,  Linux n4 n6 moz                                n(Netscape) e(IE) O(Opera) ========================================================  使用例  //ブラウザ(または親要素)左端からの          //レイヤ?左辺位置をピクセルで取得する   getLEFT('レイヤ?名')           Support http://game.gr.jp/js/ =======================================================*/    function getLEFT(layName){     if(document.all)                     //e4,e5,e6,o6用       return document.all(layName).style.pixelLeft     else if(document.getElementById)     //n6,m1用       return (document.getElementById(layName).style.left!="")        ?parseInt(document.getElementById(layName).style.left):""     else if(document.layers)             //n4用       return document.layers[layName].left      else return ""   }  /*//////////////// レイヤ?左辺X座標get用関数ここまで */ /*//////// ↑関数の中身に触らなくてもコピペで使えます */ 
//-->
</script>

<!--↓このリンクをクリックすると左辺の位置がわかります/////-->
<div id="a0"  calss="lays"
 style="position  : absolute         ;
        left      : 150px            ;
        top       : 330px            ;
        width     : 350px            ;
        height    : 40px             ;
        clip      : rect(0,350,40,0) ;
        font-size : 12pt             ;
">
<a href="javascript:alert(getLEFT('a0'))">
このレイヤーの左辺の位置は<br>
ブラウザ左端から何ピクセル?</a>
</div>




* 緑文字が今回の関数
* 赤文字がこのスクリプトで最初に動作する部分
						
ブラウザ(または親要素)左端からのレイヤ?左辺位置をピクセルで取得するためのサンプルファンクションです。N4とMoz,NN6ではleft、IE4,IE5,IE6,O6ではpixelLeftを使っています。注:Moz,NN6ではインラインスタイルまたはスクリプトでleftの値を指定していない限り初期値は空白です。


★次のページにサンプルと応用スクリプトを用意しました。 
| 次のページ→| シリーズ目次 |



1 2
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

高橋 登史朗

Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…

続きを読む

人気Javascriptランキング

Powered by 価格.com

おすすめ記事

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック