WEB相談室

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

タイトル:リンクを有効にさせることは、技術的に可能?

0:[投稿] さくら [2004/01/30 11:41 ][環境:IE ASP(iis)]

いつも参考にさせて頂いております。

早速質問させて頂きます。
以下のコードは、「◆テスト」にマウスが重なるとリストを表示させるものですが、
「■」部分のリンクが「Adobe1」〜「Adobe4」まで、無効になってしまいます。
ちょうど、「◆テスト」部分のリストが重なる部分になります。

今回対応しているシステムの仕様は、「◆テスト」部分のリストを優先したいと
思います。

どうにか「■」部分のリンク「Adobe1」〜「Adobe4」までをリンクされるように
することは、技術的に可能でしょうか?

宜しければアドバイスお願い致します。


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language=JavaScript>
function menuDisp(menu, arg) {
   var val = 'visible';
   if (arg == 'off') val = 'hidden';
   if(document.all)                   //IE4用
       document.all(menu).style.visibility = val;
   else if (document.getElementById)  //N6,Moz,IE5,IE6用
       document.getElementById(menu).style.visibility = val;
   else if (document.layers[menu]) {  //NN4用
   if (val = 'hidden') val = 'hide';
       document.layers[menu].style.visibility = val;
   }
}
</SCRIPT>
</HEAD>
<BODY">
<table>
<tr>
<td>
<span style="position:absolute; top:100px;">
<table>
<tr>
<td>
<!--■-->
<A HREF='http://www.adobe.co.jp/'>Adobe1</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe2</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe3</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe4</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe5</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe6</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe7</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe8</A><br>
<A HREF='http://www.adobe.co.jp/'>Adobe9</A><br>
</td>
</tr>
</table>
</span>
</td>
</tr>
<tr>
<td onmouseout="menuDisp('menu1','off');">
<span style="position:absolute; top:0px;">
<table>
<tr>
<td>
<DIV onmouseover="menuDisp('menu1','on');" style="WIDTH: 100px; TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: orange">◆テスト</DIV>
<DIV id=menu1 onmouseout="menuDisp('menu1','off');" onmouseover="menuDisp('menu1','on');" style="VISIBILITY: hidden; HEIGHT: 150px; BACKGROUND-COLOR: silver">
<DIV><A HREF='http://www.justsystem.co.jp/'><FONT COLOR='white'>JUSTSYSTEM</FONT></A></DIV>
<DIV><A HREF='http://www.microsoft.com/'><FONT COLOR='white'>MICROSOFT</FONT></A></DIV>
<DIV><A HREF='http://www.macromedia.co.jp/'><FONT COLOR='white'>MACROMEDIA</FONT></A></DIV>
<DIV><A HREF='http://www.adobe.co.jp/'><FONT COLOR='white'>Adobe</FONT></A></DIV>
<DIV><A HREF='http://www.adobe.co.jp/'><FONT COLOR='white'>Adobe</FONT></A></DIV>
<DIV><A HREF='http://www.adobe.co.jp/'><FONT COLOR='white'>Adobe</FONT></A></DIV>
<DIV><A HREF='http://www.adobe.co.jp/'><FONT COLOR='white'>Adobe</FONT></A></DIV>
<DIV><A HREF='http://www.adobe.co.jp/'><FONT COLOR='white'>Adobe</FONT></A></DIV>
</DIV>
<td>
</tr>
</table>
</span>
</td>
</tr>
</table>
</BODY>
</HTML>


1:[回答] gun [2004/01/30 13:46 ]

質問内容がよくわからないので整理すると、

「◆テストにマウスを置くと表示されるメニュー」(A)が、
「もともと表示されているリンク」(B)に被ってしまうので、
(A)が(B)に被らない位置に表示されるようにしたい

ということでしょうか?


2:[完了] さくら [2004/01/30 14:07 ]

gun様

レス頂き有難うございます。
内容が不明確で失礼しました。

自分でも色々試してみて質問の趣旨が変わりましたので、
新たに質問させて頂きます。

それでは、失礼します。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World