WEB相談室

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

タイトル:フローティングフレームの中を

0:[投稿] シュン [2002/10/01 20:52 ][環境:WIN+IE わからない]

はじめまして。ホームページを作り出してまだ1ヶ月も満たないシュンという者ですがどうしてもわからないのでここに投稿させてもらいました。
ページの中にフローティングフレームで小窓を作り、その小窓の下に「次へ」と「戻る」のボタンを作って、小窓の中のHPをボタンをクリックしたらどんどん変わるようにしたいんですが、やり方が全く分からないんです。関数を使って最初の小窓の中の表示HPはaaa1.html、「次へ」をクリックするとaaa2.html、また押すとaaa3.htmlになるようにしたいんです。そんな感じのスクリプトがあれば教えて欲しいですm(__)m
似たようなので「次へ」のボタンで画像が変わるのは知ってるんですが、小窓のHPが変わるのはみたことがないんです(ToT)
もし知ってたら誰か教えてくださいm(__)m


1:[回答] 29歳からのPerl [2002/10/01 22:32 ]

フローティングフレームとは、iframeの事ですか?
フローティングという言葉がひっかかるのですが、
その場合は、

<iframe name="byName ... />
の時
parent.byName.location.href="URL";

parentの部分は、変更になる場合があります。
それ以外にも、documentでも良かった気がします。
hrefの部分は、ブラウザにより省略可能だったかも(あやふやです)?


2:[質問] シュン [2002/10/01 23:55 ]

正確に言うと
<CENTER>
<IFRAME NAME="content" SRC="aaa1.htm" WIDTH="300px" HEIGHT="200px">
</IFRAME>
</CENTER>
<IMG ID=img1 SRC="flower1.jpg" BORDER="1" WIDTH="320" HEIGHT="240"></DIV>
<FORM><DIV ALIGN="center">
<INPUT TYPE=button NAME="submit" VALUE="前に戻る" onClick="goback()">
<INPUT TYPE=button NAME="submit" VALUE="次へ進む" onClick="nextpic()">
</DIV></FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--
var i=1;
    
function nextpic(){
 if(i<4){
 i++
 };
 img1.src = "flower" + i + ".jpg";
}
 function goback(){
 if(i>1){
 i--
 };
 img1.src = "flower" + i + ".jpg";
}
//-->
</SCRIPT>
で「次へ」のボタンを押すと画像だけではなくフレーム内のHPもどんどん変わっていくようにしたいんですよ。
回答よろしくお願い致しますm(__)m


3:[回答] gun [2002/10/02 09:24 ]

function nextpic(){
 if(i<4){
   i++
 };
 img1.src = "flower" + i + ".jpg";
 content.href="aaa" + i + ".html";
}

てコトですか?


4:[質問] シュン [2002/10/02 12:43 ]

やろうとしてることはそういうことなんですけど、gunさんのを参照で試しに作ってみたんですが「次へ」を押しても何も変わらないんです。
<CENTER>
<IFRAME NAME="detail" SRC="aaa1.html" WIDTH="300px" HEIGHT="200px">
</IFRAME>
</CENTER>

<FORM><DIV ALIGN="center">
<INPUT TYPE=button NAME="submit" VALUE="前に戻る" onClick="goback()">
<INPUT TYPE=button NAME="submit" VALUE="次へ進む" onClick="nextpic()">
</DIV></FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--
var i=1;      
function nextpic(){
if(i<4){
i++
};
detail.href="aaa" + i + ".html";
}
function goback(){
if(i>1){
i--
};
detail.href="aaa" + i + ".html";
}
//-->
</SCRIPT>
もしよろしければ何処が間違っているのか皆様教えて下さいm(__)m


5:[回答] gun [2002/10/02 13:14 ]

すみません。
間違えました。

function nextpic(){
 if(i<4){
   i++
 };
 img1.src = "flower" + i + ".jpg";
 content.location.href="aaa" + i + ".html";
}


6:[完了] シュン [2002/10/02 13:23 ]

成功しました(≧∇≦)
本当に本当にありがとうございましたm(__)m

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World