クリックすると移動します

moveLAYER()

Syntax : moveLAYER('レイヤ−名',x座標,y座標)

レイヤーを指定した位置へ移動させるためのサンプルファンクションです。NN4ではレイヤ−を移動させるメソッドmoveTo(x座標,y座標)を使い、IE4ではx,y方向へ移動させるプロパティpixelLeft=x座標pixelTop=y座標、NN6,IE5ではleft=x座標top=y座標を使っています。これらのx座標,y座標の部分へ「ブラウザ左端からの位置」と「ブラウザ上端からの位置」をピクセル(整数)で代入しています。 IEではposLeft,posTop(実数)も使えます。

*このファンクションをコピーして<SCRIPT>と</SCRIPT>の間にペーストしておくだけでこの機能をNN,IE共通で利用できるようになります。

Cross-Browser のための Sample Function
//--レイヤ−名で処理する場合

function moveLAYER(layName,x,y){

if(document.getElementById){ //NN6,IE5用
document.getElementById(layName).style.left=x
document.getElementById(layName).style.top=y
}
else if(document.layers)document.layers[layName].moveTo(x,y) //NN4用
else if(document.all){
document.all(layName).style.pixelLeft=x //IE4用
document.all(layName).style.pixelTop=y
}
}

//--オブジェクト名で処理する場合(ネストがある時や大きめのスクリプト向き)

if(document.getElementById) oj=document.getElementById.style//NN6,IE5用
else if(document.layers) oj=document.layers[layName] //NN用
else if(document.all) oj=document.all(layName).style //IE用

function moveLAYER(oj,x,y){
if(document.getElementById){ //NN6,IE5用
oj.left=x
oj.top=y
}
else if(document.layers) oj.moveTo(x,y) //NN4用
else if(document.all){ //IE4用
oj.pixelLeft=x
oj.pixelTop=y
}
}


Example

<SCRIPT LANGUAGE='JavaScript'>
<!--
function moveLAYER(layName,x,y){

if(document.getElementById){ //NN6,IE5用
document.getElementById(layName).style.left=x
document.getElementById(layName).style.top=y
}
else if(document.layers)document.layers[layName].moveTo(x,y) //NN4用
else if(document.all){
document.all(layName).style.pixelLeft=x //IE4用
document.all(layName).style.pixelTop=y
}
}
<//-->
</SCRIPT>

<!--このレイヤ−上のリンクをクリックすると移動します------------->
<DIV ID="test"
STYLE="position:absolute;
left:10px;
top:10px;
">
<A HREF="javascript:moveLAYER('test',200,100)">
クリックすると移動します</A>
</DIV>