締切済み

HTMLファイルを開いたときにonLoad関数が効いていない？

2006/05/23 16:35

つたない質問で申し訳ございませんが、ご教示下さい。「リンク先をポイントするとメニューが表示される」という動きをさせたいのですが、 HTMLファイルを開いたときに、メニューが既に表示されています。リンク先をポイントするとポイントした場所以外のメニューは非表示になります。「HTMLファイルを開いたときはメニュー非表示で、リンク先をポイントするとメニューが表示される」という動きにさせるには、どのような点を確認したらよいでしょうか。説明だけではわかりにくいと思いますので、ソースを貼った方がよろしければコメントいただければと思います。よろしくお願いします。

yu-la
お礼率84% (11/13)

JavaScript
回答数1
ありがとう数5

みんなの回答 （1）
専門家の回答

みんなの回答

BLUEPIXY
ベストアンサー率50% (3003/5914)

2006/05/23 19:26 回答No.1

ディフォルトの状態がdisplay:none になっていないというようなことだと思います。ソースを補足して下さい。

質問者

お礼 2006/05/24 09:19

すみません！解決しました。原因を(恥ずかしながら)白状しますと、スペルミスでした。。。お恥ずかしい限りです。 <span id="layx" style="position:absolute;visibility:hidden;" onmouseover="ie_hyouji(x);" onmouseout="hihyouji();">内の ”visibility”を”visility”と書いていました。お手数をおかけして申し訳ございません。回答いただき、ありがとうございました。

質問者

補足 2006/05/24 08:42

回答ありがとうございます。ソースは下の通りです。 ------------------------------------------------- <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <script language="JavaScript"> x_purasu=-20; y_purasu=-20; count=3; function hyouji(doko,event) { hihyouji(doko); if(document.layers) { x_iti=event.pageX; y_iti=event.pageY; document.layers["lay"+doko].moveTo(x_iti+x_purasu,y_iti); document.layers["lay"+doko].visibility='show'; } else if((document.getElementById) && (!document.all)) { x_iti=event.pageX; y_iti=event.pageY; document.getElementById("lay"+doko).style.left=x_iti+x_purasu; document.getElementById("lay"+doko).style.top=y_iti+y_purasu; document.getElementById("lay"+doko).style.visibility='visible'; } else if(document.all) { x_iti=document.body.scrollLeft+event.clientX; y_iti=document.body.scrollTop+event.clientY; document.all("lay"+doko).style.pixelLeft=x_iti+x_purasu; document.all("lay"+doko).style.pixelTop=y_iti+y_purasu; document.all("lay"+doko).style.visibility='visible'; } } function ie_hyouji(doko) { if((document.getElementById) && (!document.all)) document.getElementById("lay"+doko).style.visibility='visible'; else if(document.all) document.all("lay"+doko).style.visibility='visible'; } function hihyouji(doko) { for(i=0; i<count; i++) { if(doko != i) { if(document.layers) document.layers["lay"+i].visibility="hidden"; else if((document.getElementById) && (!document.all)) document.getElementById("lay"+i).style.visibility="hidden"; else if(document.all) document.all("lay"+i).style.visibility="hidden"; } } return; } function start() { for(i=0; i<count; i++) if(document.layers)document.layers["lay"+i].onmouseout=hihyouji; } --> </script> </head> <body onload='start();' text="#FFFFFF" bgcolor="#000080"> <div align="center"> <table border="0" cellpadding="2" cellspacing="4" width="90%"> <tr> <td>システム共通</td> </tr> <tr> <td>■新着情報</td> </tr> <tr> <td>■<a href="main.htm" onmouseover="hyouji(0,event);"><font color="#ffffff" style="text-decoration: none">製品情報</font></a> <span id="lay0" style="position : absolute; visility : hidden;" onmouseover="ie_hyouji(0);" onmouseout="hihyouji();"> <a href="ryutu/index.htm">流通</a><br> <a href="kaikei/index.htm" onmouseover="ie_hyouji(0);">会計<br> <a href="kyuyo/index.htm" onmouseover="ie_hyouji(0);">給与・保険<br> </span> </td> </tr> <tr> <td height="40">■<a href="main.htm" onmouseover="hyouji(1,event);">価格表</a> <span id="lay1" style="position:absolute;visility:hidden;" onmouseover="ie_hyouji(1);" onmouseout="hihyouji();"> <a href="price.htm" onmouseover="ie_hyouji(1);">社内向け価格表</a><br> <a href="price.htm#partner" onmouseover="ie_hyouji(1);">仕切<br> </span> </td> </tr> <tr> <td>■<a href="main.htm" onmouseover="hyouji(2,event);">共通プログラムダウンロード</a> <span id="lay2" style="position:absolute;visility:hidden;" onmouseover="ie_hyouji(2);" onmouseout="hihyouji();"> <a href="download.htm" onmouseover="ie_hyouji(2);">ツール・プログラム</a><br> <a href="download.htm#data" onmouseover="ie_hyouji(2);">データ<br> </span> </td> </tr> </table> </div> </body> </html> ------------------------------------------------- よろしくお願いします。