WEB相談室

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

タイトル:画像の切り替えを別フレームに

chi-[MAIL][URL][WriteDate : Mon Oct 23 14:49:40 2000]

「画像の切り替え3(DHTML)」の延長で、ボタンをクリックしたら別フレームに画像を表示したいのですが、うまくいきません。うまくいかないというのは、その別フレームに
  <STYLE TYPE="text/css">
   BODY{background:url(neko.jpg) #acacff no-repeat} 
  </STYLE>
というように背景画像をおいているのですが、その背景画像が消えてしまうのです。背景画像はそのままで、透過gifを表示したいのです。
よろしくお願いします。

ちゃいぱ[MAIL][URL][WriteDate :Mon Oct 23 15:13:00 2000]

今テスト中のURLを公開して頂きますか?

chi-[MAIL][URL][WriteDate :Mon Oct 23 15:27:43 2000]

お返事ありがとうございます。
http://www.seikokogyo.co.jp
の「バーチャル適合ナビ」でなんでもいいので車を選んで頂けますか。
宜しくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Mon Oct 23 16:42:22 2000]

IE5とネスケ4.5で問題ないように思いますが...。
背景画像は消えませんでした...。



chi-[MAIL][URL][WriteDate :Mon Oct 23 16:59:42 2000]

たびたびありがとうございます。
実は現状は、ボタンを押したらhtmlファイルをよんできてるんです。
今、htmlファイルは膨大な数になっています。
htmlファイルを呼ぶのではなく、透過GIFだけ表示させたいんです。
宜しくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Mon Oct 23 17:57:31 2000]

親のHTML
<html> 
<frameset cols="25%,75%"> 
<frame src="javasc28.htm" name="left"> 
<frame src="t10232.htm" name="right"> 
</frameset> 
</html> 
で、
「画像の切り替え3(DHTML)」の変更はparent.right修飾のみで、

function setBGIMG(layName,image){  
    if(parent.right.document.layers){              //  ネスケ用
       parent.right.document.layers[layName].background.src=image 
    }
    else{
      if(parent.right.document.all){                //  IE用
         parent.right.document.all(layName).style.backgroundImage='url('+image+')'
      }
      else{
         alert("このブラウザは、本機能未対応!!");
      }
    }
}

t10232.htmに以下のスタイルを設定して。

  <STYLE TYPE="text/css"> 
   BODY{background:url(neko.jpg) #acacff no-repeat}  
  </STYLE> 

で、問題なく透過gifを入替えても背景画像は消えませんでした。

chi-[MAIL][URL][WriteDate :Mon Oct 23 18:30:06 2000]

再度お返事ありがとうございます。
この関数functionの定義はどのフレームでするのですか?
それから「画像の切り替え3(DHTML)」のソースは
javasc28.htmにそのまま記入すればいいんですか。
まったくの素人の質問で申し訳ありませんが、宜しくお願い致します。


ちゃいぱ[MAIL][URL][WriteDate :Mon Oct 23 19:02:28 2000]


>この関数functionの定義はどのフレームでするのですか?
>javasc28.htmにそのまま記入すればいいんですか。 
私の場合は、関数functionの定義は、left側のjavasc28.htmに記述しています。
つまり、javasc28.htmを流用し、parent.rightで修飾しただけです。
そして、right側にSTYLEで壁紙を設定しています。
それを、left側から、透過gifを入替えるボタンで制御しました。

chi-[MAIL][URL][WriteDate :Mon Oct 23 19:56:51 2000]

何度もすいません。。。うまくいかないのでソース見てください。
[親フレームのソース]
<HTML>
<FRAMESET rows="*,70%">
<FRAME Name="ue" SRC="frame1.html">
<FRAME Name="sita" SRC="frame2.html">
</FRAMESET>
</HTML>

[frame1.htmlのソース]
<HTML><HEAD><TITLE></TITLE>
<script language="JavaScript">
<!--
function setBGIMG(layName,image){   
    if(parent.sita.document.layers){              //  ネスケ用 
       parent.sita.document.layers[layName].background.src=image  
    } 
    else{ 
      if(parent.sita.document.all){                //  IE用 
         parent.sita.document.all(layName).style.backgroundImage='url('+image+')' 
      } 
      else{ 
         alert("このブラウザは、本機能未対応!!"); 
      } 
    } 

//-->
</script>
</HEAD>
<BODY BGCOLOR="#acacff">
<FORM>
<input type="button" name="HL22" value="HL22" onClick="setBGIMG('hl22.gif')">
<input type="button" name="HR22" value="HR22" onClick="setBGIMG('hr22.gif')">
</FORM>
</BODY>
</HTML>

[frame2.htmlのソース]
<HTML>
<HEAD>
<TITLE></TITLE>
  <STYLE TYPE="text/css">
   BODY{background:url(tora-kun4.jpg) #acacff no-repeat} 
  </STYLE>
</HEAD>
<BODY>
</BODY>
</HTML>

これではダメなんでしょうか?
本っ当に何度も申し訳ありませんが、宜しくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 24 06:27:59 2000]

まず、frame2.htmlにレイヤーを定義しないと
<DIV ID="gazou"  
     STYLE="position:absolute;left:0px;top:0px; 
     width:300;height:340; visibility: visible; background-image: url(V0.gif); layer-background-image: url(V0.gif); border: 1px none #000000">  
</DIV> 

そして、frame1.htmlの方は、
setBGIMG('hl22.gif')ではなく
setBGIMG('gazou','hl22.gif')です。hr22も同様に。
  

chi-[MAIL][URL][WriteDate :Tue Oct 24 08:50:54 2000]

ちゃいぱ殿
出来ました!IEでちゃんと出来ました。でもネスケの方は
ボタンを押しても画像が表示されません。エラーメッセージも
出ません。なぜでしょうか。
またまた宜しくお願い致しますです。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 24 10:46:49 2000]

ネスケ4.7で問題なく動きますけど...。
まさか、
layer-background-image: url
(V0.gif); 
のように改行が入っていませんよね!
また、スペルも間違いないですか!

chi-[MAIL][URL][WriteDate :Tue Oct 24 11:38:50 2000]

うーん、、、改行も入ってないし、スペルも確認しました。
こちらもネスケ4.7なんで、ちゃいぱ殿の環境と同じですよね。
どうしましょう。。。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 24 12:00:10 2000]

ブラウザのJavaScript使用指定をオフにしているとか...。
テスト中のURLを教えて下さい!

chi-[MAIL][URL][WriteDate :Tue Oct 24 13:47:40 2000]

ブラウザのJavaScriptはオンでした。
解決するまでの間、サーバーに上げましたので、
確認の方よろしくお願い致します。
http://www.seikokogyo.co.jp/test/frame.html
しかも、NNのブラウザが、ウィンドウの後ろに隠れたあと、
一番手前にもってくると、なぜか上のフレームに画像が
現れるんですけど、これはなんなんでしょうか?

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 24 15:20:00 2000]

ネスケのバグのような気します。
フレームを認識できないのでは...。

ちょっと、お師匠さんに聞いてみます。
http://hp.vector.co.jp/authors/VA013453/


chi-[MAIL][URL][WriteDate :Tue Oct 24 15:28:05 2000]

回答まってます。宜しくお願い致します。

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 24 17:06:40 2000]

Mugiさんの回答がありましたので、
http://www.simple1-j.com/k-bbs/kbbs.cgi?bn=130745
にアクセスして見て下さい。

chi-[MAIL][URL][WriteDate :Wed Oct 25 08:50:24 2000]

ちゃいぱ殿
Mugiさんの回答読みました。出来ました!
これからも質問させていただきますので、
その時(たぶん近いうち)には又宜しくお願い致します。
本っ当にありがとうございました。
P.S.Mugiさんにも返事書きました。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]