WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:レイヤーを画像のすぐ真横に配置したい

0:[投稿] モラトリアム [2003/02/13 11:20 ][環境:Win2k わからない]

現在、画像を押すとレイヤーが立ち上がるようにしているのですが
レイヤーの位置を絶対位置ではなく、下の例で言うと01.jpgの真横に配置したいのですが、何かいい方法は無いでしょうか?

<!--レイヤー-->
<div id="Layer1" style="position:absolute; width:200px; height:80px; z-index:1; left: 500px; top: 300px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; overflow: auto; visibility: hidden">
    <p><input type="file" name="img_01"><BR><INPUT TYPE="submit" name="Layer_1" value="更新する"><INPUT TYPE="button" value="閉じる" onClick="MM_showHideLayers('Layer1','','hide')"></p>
</div>

<!--画像を押すとレイヤーが立ち上がるー-->
<a href="javascript:;" onClick="MM_showHideLayers('Layer1','','show')">
    <img src="01.jpg" width="100" height="100" name="img_01">
</a>


1:[回答] gun [2003/02/14 10:19 ]

下記の様なスクリプトを組み込んで、nameが重複しないようにすれば、
希望通りの動作になるはずです。

document.getElementById("Layer1").style.top  = img_01.offsetTop;
document.getElementById("Layer1").style.left = img_01.offsetLeft + img_01.offsetWidth;

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World