hi-ogawaのプロフィール
- ベストアンサー数
- 2
- ベストアンサー率
- 100%
- お礼率
- 0%
- 登録日2001/03/18
- フレームで仕切っているHTMLファイルでeventオブジェクトが思うように使えない
上下をフレームで仕切っているHTMLファイルの下側で、JavaScriptのeventオブジェクトを使用して、いくつかの場所でマウスポインタが重なると、文字が出てくる仕組みを作りました。一見うまくいったように思えたのですが、画面を下にスクロールさせた時に、そのスクロールをさせただけ上にずれて表示されます。これって解消方法はあるのでしょうか? 以下、HTMLファイルより一部抜粋(ファイル名:program.html) ++++headタグ部分++++ <style type="text/css"> <!-- iv { font-size: 11pt; font-weight: bold; color: #FF0000; position: absolute; visibility: hidden; clip: rect( )} --> </style> <script Language="JavaScript"> <!-- function chipHelp(tagName,types,x,y) { if (document.layers) { document.layers[tagName].x =x; document.layers[tagName].y =y; document.layers[tagName].visibility = types; } if (document.all) { document.all(tagName).style.pixelLeft =x; document.all(tagName).style.pixelTop =y; document.all(tagName).style.visibility =types; } } // --> </script> </head> ++++以下bodyタグ部分++++ <body> ・ ・ <a href="program.html" onMouseover="chipHelp('0600sat','visible',event.x,event.y)" onMouseout="chipHelp('0600sat','hidden',0,0)">釣りDAISUKI</a> ・ ・ <div id="0600sat"> 土・6時15分→土・6時00分</div> </body> </html> ちなみにこのスクリプトは、『JavaScript+CGI&Perl 決定版!ホームページサンプルスクリプト大全集』のJavaScriptサンプル集_応用編25「マウスが重なったとき説明文を表示」を参考にしています。
- ベストアンサー
- JavaScript
- qk32
- 回答数2
- フレームで仕切っているHTMLファイルでeventオブジェクトが思うように使えない
上下をフレームで仕切っているHTMLファイルの下側で、JavaScriptのeventオブジェクトを使用して、いくつかの場所でマウスポインタが重なると、文字が出てくる仕組みを作りました。一見うまくいったように思えたのですが、画面を下にスクロールさせた時に、そのスクロールをさせただけ上にずれて表示されます。これって解消方法はあるのでしょうか? 以下、HTMLファイルより一部抜粋(ファイル名:program.html) ++++headタグ部分++++ <style type="text/css"> <!-- iv { font-size: 11pt; font-weight: bold; color: #FF0000; position: absolute; visibility: hidden; clip: rect( )} --> </style> <script Language="JavaScript"> <!-- function chipHelp(tagName,types,x,y) { if (document.layers) { document.layers[tagName].x =x; document.layers[tagName].y =y; document.layers[tagName].visibility = types; } if (document.all) { document.all(tagName).style.pixelLeft =x; document.all(tagName).style.pixelTop =y; document.all(tagName).style.visibility =types; } } // --> </script> </head> ++++以下bodyタグ部分++++ <body> ・ ・ <a href="program.html" onMouseover="chipHelp('0600sat','visible',event.x,event.y)" onMouseout="chipHelp('0600sat','hidden',0,0)">釣りDAISUKI</a> ・ ・ <div id="0600sat"> 土・6時15分→土・6時00分</div> </body> </html> ちなみにこのスクリプトは、『JavaScript+CGI&Perl 決定版!ホームページサンプルスクリプト大全集』のJavaScriptサンプル集_応用編25「マウスが重なったとき説明文を表示」を参考にしています。
- ベストアンサー
- JavaScript
- qk32
- 回答数2
- Netscape6でフレーム間での画像の変更
あるページから別フレームの画像を切り替えるスクリプトを作成していて困っています フレーム1側ソース ... function _sendData(num){ window.top.frames[1]._imgChange(n); } ... <body onLoad="_sendData(n)"> ... フレーム2側ソース ... for (i=0;i<2;i++){img[i]=new Image();} img[0].src = "images/abc.jpg"; img[1].src = "images/def.jpg"; function _imgChange(num) { nam = "imgname"; document.images[nam].src = img[num].src; } ... <img src="xyz.jpg" name="imgname"> ... 上記ソースのように作成しましたが IE5.5とネスケ4.75で正常に動作するのですが、Netscape6だけうまく動作しません 解決方法その他アドバイスお願いします
- ベストアンサー
- JavaScript
- cradoll
- 回答数2
- Netscape6でフレーム間での画像の変更
あるページから別フレームの画像を切り替えるスクリプトを作成していて困っています フレーム1側ソース ... function _sendData(num){ window.top.frames[1]._imgChange(n); } ... <body onLoad="_sendData(n)"> ... フレーム2側ソース ... for (i=0;i<2;i++){img[i]=new Image();} img[0].src = "images/abc.jpg"; img[1].src = "images/def.jpg"; function _imgChange(num) { nam = "imgname"; document.images[nam].src = img[num].src; } ... <img src="xyz.jpg" name="imgname"> ... 上記ソースのように作成しましたが IE5.5とネスケ4.75で正常に動作するのですが、Netscape6だけうまく動作しません 解決方法その他アドバイスお願いします
- ベストアンサー
- JavaScript
- cradoll
- 回答数2