WEB相談室

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

タイトル:2つのフレームを同時に操作する方法を教えてください

あゆ[MAIL][URL][WriteDate : Tue Jul 11 15:15:36 2000]

こんにちは。
私なりに色々やってみたのですがどうしてもうまくいかないので
質問さてもらいにきました。
説明が下手なので、理解していただけるか不安なんですが・・・

3つのフレームで、フレーム1をメニューのようにして、
フレーム1のリンクをクリックすると
フレーム2・フレーム3が同時に変わるようにしたいんです。
その時、フレーム2とフレーム3は違うページを表示したいんです。

あるサイト(とほほさんのサイトです)で

<SCRIPT LANGUAGE="JavaScript"> 
  <!-- 
  function jump() { 
    window.parent.frame2.location="xxxx.html"; 
    window.parent.frame3.location="yyyy.html"; 
  } 
  // --> 
  </SCRIPT> 
  <A HREF="dummy.html" onClick="jump(); return false;">XXX</A> 

この方法が載っていたので、
これを利用させてもらおうと思ったのですが、
フレーム1には1つ以上のリンクを置きたいのですが、
増やし方が分かりませんでした。
どうしたらいいのでしょうか?

よろしくおねがいします。

じゃすみん[MAIL][URL][WriteDate :Tue Jul 11 15:32:14 2000]

<SCRIPT LANGUAGE="JavaScript">  
<!--  
function jump(jumpurl1, jumpurl2) {  
 window.parent.frame2.location=jumpurl1;  
 window.parent.frame3.location=jumpurl2;  
}  
// -->  
</SCRIPT>  
<A HREF="dummy.html" onClick="jump("xxxx.html","yyyy.html"); return false;">XXX</A>

としてみたら?

じゃすみん[MAIL][URL][WriteDate :Tue Jul 11 15:33:41 2000]

ごめん、間違えた。
> <A HREF="dummy.html" onClick="jump("xxxx.html","yyyy.html"); return false;">XXX</A> 
ではなく、
<A HREF="dummy.html" onClick="jump('xxxx.html','yyyy.html'); return false;">XXX</A> 
としないとエラーが出ます。

あゆ[MAIL][URL][WriteDate :Tue Jul 11 16:26:47 2000]

早速の解答、ありがとうございます。

教えていただいたとおりやってみたはずなんですが、
エラーが出てしまいます。

<SCRIPT LANGUAGE="JavaScript">   
<!--   
function jump(jumpurl1, jumpurl2) {   
 window.parent.frame2.location=jumpurl1;   
 window.parent.frame3.location=jumpurl2;   
}   
// -->   
</SCRIPT>   
<A HREF="a.html" onClick="jump('b.html','c.html'); return false;">XXX</A>

この通りにフレーム1に書いたのですが、
表示した時に

行:3
エラー:文字が正しくありません
そして、XXXをクリックした時に
行:8
エラー:オブジェクトを指定してください

と出てしまいます。
xxxをクリックすると、フレーム1がa.htmlに変わるのですが
フレーム2・フレーム3は何も変わらないんです。
私の書き方が間違っているのでしょうか?

あゆ[MAIL][URL][WriteDate :Tue Jul 11 16:32:19 2000]

早速の解答、ありがとうございます。

教えていただいたとおりやってみたはずなんですが、
エラーが出てしまいます。

<SCRIPT LANGUAGE="JavaScript">   
<!--   
function jump(jumpurl1, jumpurl2) {   
 window.parent.frame2.location=jumpurl1;   
 window.parent.frame3.location=jumpurl2;   
}   
// -->   
</SCRIPT>   
<A HREF="a.html" onClick="jump('b.html','c.html'); return false;">XXX</A>

この通りにフレーム1に書いたのですが、
表示した時に

行:3
エラー:文字が正しくありません
そして、XXXをクリックした時に
行:8
エラー:オブジェクトを指定してください

と出てしまいます。
xxxをクリックすると、フレーム1がa.htmlに変わるのですが
フレーム2・フレーム3は何も変わらないんです。
私の書き方が間違っているのでしょうか?

ちゃいパパ[MAIL][URL][WriteDate :Tue Jul 11 17:33:53 2000]

フレーム元.htm
<HTML>
<HEAD>
<TITLE>TEST</TITLE>
</HEAD>
<FRAMESET ROWS="70,*">
<FRAME NAME="chaichan1" SRC="kobana.htm">
<FRAMESET COLS="100,*">
<FRAME NAME="frame2" SRC="dummy.htm">
<FRAME NAME="frame3" SRC="dummy.htm">
</FRAMESET>
</FRAMESET>
</HTML>

kobana.htm
<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">    
     <!--    
     function jump(jumpurl1, jumpurl2) {    
      window.parent.frame2.location=jumpurl1;    
      window.parent.frame3.location=jumpurl2;    
     }    
     // -->    
     </SCRIPT>    
     <A HREF="a.html" onClick="jump('t07111.htm','t07112.htm'); return false;">XXX</A> 
</BODY>
</HTML>

上記で問題なくできましたよ!
エラーのページのURLを教えて下さい!

ちゃいパパ[MAIL][URL][WriteDate :Tue Jul 11 17:49:29 2000]


>じゃすみんさんへ
回答してくださってありがとうございました。
ZSPCでは、いつも回答を拝見させてもらっています。

間違っていたら、大変失礼ですが...。
じゃすみんさんって、もしかして、じゃすと みんこさん?
なんのことか、わからなければ、気にしないでください!



あゆ[MAIL][URL][WriteDate :Tue Jul 11 20:33:49 2000]

やっぱりエラーが出てしまいます。
なんででしょう??

まだテスト中なので、ちゃんとしたページではないのですが、ここです。
http://www.jttk.zaq.ne.jp/ayu/test.html

フレーム元
<HTML> 
<HEAD> 
<TITLE>TEST</TITLE> 
</HEAD> 
<FRAMESET ROWS="70,*"> 
<FRAME NAME="frame1" SRC="/ayu/1.html"> 
<FRAMESET COLS="100,*"> 
<FRAME NAME="frame2" SRC="/ayu/2.html"> 
<FRAME NAME="frame3" SRC="/ayu/3.html"> 
</FRAMESET> 
</FRAMESET> 
</HTML> 

フレーム1の1.html
<HTML> 
<BODY> 
<SCRIPT LANGUAGE="JavaScript">     
     <!--     
     function jump(jumpurl1, jumpurl2) {     
      window.parent.frame2.location=jumpurl1;     
      window.parent.frame3.location=jumpurl2;     
     }     
     // -->     
     </SCRIPT>     
     <A HREF="/ayu/4.html" onClick="jump('/ayu/5.html','/ayu/6.html'); return false;">XXX</A>  
</BODY> 
</HTML> 

このようにしてみました。
私の質問が悪くて、うまく伝わっていないようなのですが、
フレーム1は1.htmlを表示したまま変えたくないんです。
説明が下手ですみません。

よろしくおねがいします。

じゃすみん[MAIL][URL][WriteDate :Tue Jul 11 21:11:06 2000]


>ちゃいパパさん
私はみんこさんじゃないよ。
じゃすみんは植物の「茉利花」からとっただけ。

>あゆさん
リンク先見つからないんだけど、URLあってる?
まさかサーバーにアップしてないって言う事はないよね?
とりあえず、ayuっていうフォルダに
1〜6のhtmlが入っていると思ってよい?

ayu┬test.html
   ├1.html
   ├2.html
   ├3.html

という風になっているなら、ファイルの指定は
"1.html"もしくは"./1.html"でよいです。

>フレーム1は1.htmlを表示したまま変えたくないんです。
<a href="JavaScript:void(0);" onClick="jump('5.html','6.html');return false;">XXX</a>
hrefをこんな風に書くとフレーム1は変わらないよ。

後、個人の好みかもしれないけど、
JavaScriptは<head>〜</head>に記入した方がいいよ。


あゆ[MAIL][URL][WriteDate :Tue Jul 11 22:54:28 2000]

アップして、私はちゃんと見れるんですが、見れないですか??
別のところ(ジオシティーズです)にのところに同じものをアップしたので、そちらを見ていただけますか?
http://www.geocities.co.jp/Hollywood-Stage/6655/test.html

そうです。
1〜6のhtmlはayuというフォルダに入っています。
(ジオの方では、Hollywood-Stageになります。)

フレーム元(ジオの場合)
<HTML> 
<HEAD> 
<TITLE>TEST</TITLE> 
</HEAD> 
<FRAMESET ROWS="70,*"> 
<FRAME NAME="frame1" SRC="/Hollywood-Stage/6655/1.html"> 
<FRAMESET COLS="100,*"> 
<FRAME NAME="frame2" SRC="/Hollywood-Stage/6655/2.html"> 
<FRAME NAME="frame3" SRC="/Hollywood-Stage/6655/3.html"> 
</FRAMESET> 
</FRAMESET> 
</HTML>

フレーム1の1.html(ジオの場合)
<HTML>
<HEAD>
<TITLE>1</TITLE>
<SCRIPT LANGUAGE="JavaScript">     
     <!--     
     function jump(jumpurl1, jumpurl2) {     
      window.parent.frame2.location=jumpurl1;     
      window.parent.frame3.location=jumpurl2;     
     }     
     // -->     
</SCRIPT>     
</HEAD> 
<BODY>
<a href="JavaScript:void(0);" onClick="jump('/Hollywood-Stage/6655/5.html','/Hollywood-Stage/6655/6.html');return false;">XXX</a> 
</BODY> 
</HTML>

教えていただいたようにhrefを書き換えたら、フレーム1は変わらなくなりました。
ありがとうございます!
でも、やっぱりまだエラーが出るし、フレーム2・3は変わらないんです。

ちゃいパパ[MAIL][URL][WriteDate :Wed Jul 12 06:30:57 2000]

     function jump(jumpurl1, jumpurl2) {     
     。。window.parent.frame2.location=jumpurl1;     
     。。window.parent.frame3.location=jumpurl2;     
     }     

「。。」がはいっていますよ! とって下さい!

じゃすみん[MAIL][URL][WriteDate :Wed Jul 12 10:26:14 2000]

WinNTのNN4.73じゃちゃんと動いているけど、
IE5.0じゃ動いていないね。

もう一度書くけど、ファイルパスは書かずにファイル名だけにしてみて。
 SRC="/Hollywood-Stage/6655/1.html" ではなく
 SRC="1.html" だけでいいはず。


ちゃいパパ[MAIL][URL][WriteDate :Wed Jul 12 12:06:24 2000]

WIN95のNN4.7でもちゃんと動いています。
しかし、IE5のソースの表示で見ると「。。」がはいっています。
どういうわけか、NN4.7は見れない...。

とにかく、「。。」を取りましょう!
そうすれば、IE5でも大丈夫?

あゆ[MAIL][URL][WriteDate :Wed Jul 12 17:58:14 2000]

ごめんなさい。
やっとこの意味がわかりました。
>ファイルの指定は "1.html"もしくは"./1.html"でよいです。 
さっそく直してきました。
それでもやっぱりエラーが出ます。(IE)
確かにNNで見たら、ちゃんと動いてました。
IEでは動かないんでしょうか?
いつも使うのがIEなので、できればIEでも動いて欲しいのですが・・・

「。。」は、書いてないんですが、メモ帳でソースを見ると出てくるんです。
これが出るのが原因なんでしょうか?

ちゃいパパ[MAIL][URL][WriteDate :Wed Jul 12 19:02:55 2000]


>これが出るのが原因なんでしょうか?

98%、そーです!

どうしても、取れないなら
function jump(jumpurl1, jumpurl2) {      
window.parent.frame2.location=jumpurl1;      
window.parent.frame3.location=jumpurl2;      
}    
みたいに、1カラムから記述してください!

あゆ[MAIL][URL][WriteDate :Wed Jul 12 19:33:58 2000]

できました!
100%そうだったみたいです。

クリックして、2つのフレームが変わった瞬間、感動しました。
ちゃいパパさんとじゃすみんさんのおかげです。
本当にありがとうございました!
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




Back