Netscape6でフレーム間での画像の変更方法について

2023/07/20 18:21

このQ&Aのポイント

Netscape6でフレーム間での画像の切り替えスクリプトを作成しているが、うまく動作しない。
IE5.5とネスケ4.75では正常に動作するが、Netscape6では問題が発生している。
解決方法やアドバイスを求めています。

ベストアンサー

Netscape6でフレーム間での画像の変更

2001/03/17 07:20

あるページから別フレームの画像を切り替えるスクリプトを作成していて困っていますフレーム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だけうまく動作しません解決方法その他アドバイスお願いします

cradoll
お礼率100% (2/2)

JavaScript
回答数2
ありがとう数3

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

質問者が選んだベストアンサー

ベストアンサー

hi-ogawa
ベストアンサー率100% (2/2)

2001/03/18 18:23 回答No.2

こんにちは。実際のページを拝見しました。 HTMLをダウンロードして、(CGIは生成されたHTMLを利用するしかないですが）こちらのローカル環境でいろいろ試してみました。 pagename.htmのなかで、以下のようにスペーサの制御をしている部分がありますが、これをまるまる削除したところ、当方の環境ではNetscape6でも想定どおりの動きをしました。 ------------------------------------------------------- <tr height="3" valign="top"> <td width="153" bgcolor="#FFFFAD"><img src="http://homepage2.nifty.com/cradoll/images/spacer.gif" width="150" height="3"></td> <SCRIPT language="JavaScript"></SCRIPT> <td width="100%" bgcolor="#FFFFAD"><img src="http://homepage2.nifty.com/cradoll/images/spacer.gif" width="100%" height="3"></td> </tr> ------------------------------------------------------- Netscape6で問題のページを見ようとすると、ページのダウンロードがいつまでたっても終了しない（Netscapeのロゴが止まらない）という状態になるのが気になりました。以前仕事上で同様の現象を見たことがありますが、そのときには　１．document.write()を極力使わない。　２．METAで文字コードを指定する。などとしたところ解決しました。ですが今回のケースはそれでも解決できませんでした。　当方の環境が実際の環境と全く同じというわけではないので（CGIなど）これで本当に解決するかどうかちょっと判断がつきません。　詳しい方がいらっしゃいましたら、フォローをお願いいたします。

質問者

お礼 2001/03/18 21:38

ありがとうございましたもともとはHTMLでのみ記述していたのですがページの更新作業や同内容のソースが多くなり CGIで記述したものだったので面倒くさがりはだめですねブラウザによるスペーサの大きさを変える部分を CGI側で行うようにすれば何とかなりそうです

その他の回答 (1)

hi-ogawa
ベストアンサー率100% (2/2)

2001/03/18 03:49 回答No.1

こんにちは。これで想定どおりなのか、いまいち自信がないのですが、とりあえず以下のようにしてみたところ、正常に動くようになりました。フレーム１のソース------------------------------- <HTML> <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY onLoad="_sendData(1)"> </BODY> </HTML> フレーム２のソース------------------------------- <HTML> <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY onload="ready = true">  <IMG src="images/3.jpg" name="imgname"> </BODY> </HTML> ------------------------------------------------- どうやら、フレーム２のイメージ部分のタグがロードされる前にフレーム１からそのイメージオブジェクトへアクセスしようとしたため、正常に動作しなかったのだと思われます。試しに（＊１）部分に大量の文字列を挿入してみるとIEでも正常に動作しなくなります。Netscape6 は動作が重いので、よりロードに時間がかかり、バグが顕在化したのだと思います。それにしても、これで回答になったのでしょうか。もっとよいやり方を知っている方がいるような気もします。それでは、失礼します。

質問者

お礼 2001/03/18 14:50

早速のありがとうございましたしかし原因がわからないですが、うまく動きませんフレームの入れ子をしているせいか、画像数が実際は15枚と多いせいかページの描画にCGIを利用しているなどほかにも原因がありそうなんですが・・・ http://homepage2.nifty.com/cradoll/main.html がそのページですページの内容は気にしないで下さい（笑

関連するQ&A

別フレームの画像の操作について
画像をクリックすると指定した所にある画像がその画像に変わるというタグを作ったのですが、１つのフレーム内ではできるのですが２つのフレームを使って、もう片方にある指定した画像を変更する事ができなく、色々とサイトを見てみたのですがどうにもうまくいかず、質問させていただきます。１つ目のフレームののタグは <SCRIPT language="JavaScript">  </SCRIPT> 続きは次のレスに（長くてすいません）
- ベストアンサー
- JavaScript
JavaScriptで画像を変更する
質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript">  </script> <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> <form> <input type="button" value="画像一括変更" onclick="ChangePics()"></input> </form> ------------------------------------------------------------ [画像一括変更]ボタンをクリックすると表示されていた３枚の「black.jpg」が「white.jpg」に切り替わります。ですが、画像のsrcへのアクセスは「document.images[i].src」で行っているため、 <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> の上に他の画像がある場合はその画像が「white.jpg」に変更されてしまいます。ですが、<img src="black.jpg" name = "pic1">のようにname属性を付けるのは処理が面倒になるので、避けたいです。質問の意図は、「作ったJavaScriptのプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。
- ベストアンサー
- JavaScript
なぜ「ページでエラーが発生しました。」？
字数が限られているので、「なぜエラーなのですか？」 -----ここからhead区間  </SCRIPT> </head> -----ここからbody <BODY onLoad="time(0)"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
- ベストアンサー
- JavaScript
一定時間で変化する画像とリンク
業者さんにトップのページを作成してもらいました。一定時間で画像が変化するようになっているのですが、その画像ごとにクリックした際に違うリンクを貼りたいのですが初心者の為、よくわかりません。下記ソースですがどこを編集したらよいのでしょうか？ 
- 締切済み
- JavaScript
ロールオーバーで画像を先読みする方法
スワップイメージをJavascriptで製作しました。どうしても　先読みした画像を指定する方法がわかりません。このやり方ではできないのでしょうか？お教えくださいよろしくお願いします。以下作成したコードになります。 function preload() { var images1 = new Image(); var images2 = new Image(); var images3 = new Image(); images1.src = "ike1.jpg"; images2.src = "ike2.jpg"; images3.src = "ike3.jpg"; } function over(num){ var a=document.getElementById("img1"); var b=document.getElementById("title1"); var c=document.getElementById("teima1"); switch(num){ case 1: a.innerHTML = "<img src='ike1.jpg'>"; b.innerHTML = "ああああ"; c.innerHTML = "ああああ"; break; switch(num){ case 2: a.innerHTML = "<img src='ike2.jpg'>"; b.innerHTML = "ああああ"; c.innerHTML = "ああああ"; break; switch(num){ case 3: a.innerHTML = "<img src='ike3.jpg'>"; b.innerHTML = "ああああ"; c.innerHTML = "ああああ"; break; } }
- ベストアンサー
- JavaScript
マウスオーバー・アウトの制御のソース
複数のボタンでマウスオーバー・アウトの制御のソースを教えてもらったのですが、質問いたします。この場合、このボタンはオーバーとアウト、それぞれ同じ画像を使用しているのですが、その場合でも全部違ったファイル名をつけなければいけないのでしょうか？現在はそあしているのですが、何か無駄な気がして・・・。よしくお願いします。 <SCRIPT LANGUAGE = "JavaScript">  </SCRIPT>
- ベストアンサー
- JavaScript
画像切り換えでTransitionをかけたい。
フリーソースでの応用なのですが次のJavaScriptで画像の自動切り換え表示に Transitionをかけたいのですが、知識がなくてわかりません。アドバイスをお願いいたします。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function viewSource(){ location = "view-source:" + window.location; } </SCRIPT> ----------- <BODY onload="setTimeout('timer()', 2000);"> <IMG SRC="photo1.jpg" NAME="img"> -----------
- 締切済み
- JavaScript
画像クリックでウインドウを閉じたいのですが・・・
こんにちは。JavaScriptはwebサイトから頂いてコピーして使うだけの理解力です。どうぞよろしくお願いします。フォトアルバムを作っていまして、画像をクリックするごとに画像が入れ替わるところまではできたのですが、それですと延々と続いてしまいますので、最後の画像で小窓ごと閉じてしまいたいのですが、どのようなタグになりますでしょうか？ HEADに <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> bodyに <a href="JavaScript:myChange()"><img src="http://www5b.biglobe.ne.jp/○○.jpg" border="0" name="my_imgchange"> と入れています。例えば3枚目の画像をクリックした時に、また1枚目の画像に戻るのではなくて、小窓ごと閉じてしまうにはどのようなタグをどこへ埋め込めばよろしいでしょうか？色々試してみましたがうまくいきませんでした。どなたか力をお貸しください。どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
画像をバナーのように切り替える
以下のように画像を一定時間で切り替えて、プラスクリックするとリンク先のページへとぶようになっているScriptがあります。これを１日分(１セット)にして毎日違うセットが表示するには、どのようにすればいいでしょうか。どなたか宜しくお願いします。 num=2 img=new Array(); url=new Array(); img[0]=new Image(); img[0].src="images/x.gif"; img[1]=new Image(); img[1].src="images/y.gif"; url[0]="http://www.xxxxxxxx"; url[1]="http://www.yyyyyyyy"; function show(){ num++; if(num >= img.length) { {num=0;} } document.start.src=img[num].src; setTimeout("show();",2000); } function Pagelink(){ window.open (url[num]); }
- 締切済み
- JavaScript
ボタンワンクリックで、２つ以上のフレームを同時更新する方法
お世話になります。本当に行き詰っているので、ソースをコピペしてお尋ねします…。ホームページビルダー１１使用です。フレーム５分割で、１つのボタン（アイコン）を押すと、２つのフレームページを同時更新できるものを作成したいと思っています。 JavaScriptのサイトを参考に以下の「*******」で囲んだ部分を自分で追記しましたが、プレビューでうまく表示されません。（「このプログラムではこの Web ページを表示できません」と全画面に表示されます。）以下、ソースです。 ---------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> *********************************************************************** <meta http-equiv="content-script-type" content="text/javascript"> *********************************************************************** <SCRIPT language="JavaScript" type="text/javascript">  </SCRIPT></HEAD> <BODY> <TABLE border="0"> <TBODY> <TR> *********************************************************************************************************************** <A href="javascript:jump('C:/Users/○○/Desktop/作業フォルダ/a.html','C:/Users/○○/Desktop/作業フォルダ/b.html')"> <IMG src="icon/submenu.jpg" width="102" height="21" border="0" align="middle" name="submenu_seihinannnai" onmouseover="_HpbImgSwap('submenu', 'icon/submenu2.jpg');" onmouseout="_HpbImgSwap('submenu', 'icon/submenu.jpg');"> </A> *********************************************************************************************************************** </TR> </TBODY> </TABLE> </BODY> </HTML> ---------------------------------------------------------------- 何が悪いのでしょうか…。お手数ですが、どうぞよろしくお願い致します。
- ベストアンサー
- HTML