こういうことは出来るのでしょうか?お教えください。

トップページに画像を張り、クリックした時に別ウインドウが立ちあがるという設定で…
画像クリックのタイミングによって、別ウインドウの中身が3種類入れ替わるようにするには、どのようなタグを画像に設定すれば出来るのでしょうか。。。

A 回答 (5件)

> 切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。



あれ、もしかして、
 トップページ(画像クリック) → 上下フレームページ(下をランダムに変えたい)
ということですか??
すみません、ちょっと勘違いしてました^^;

これだったら、上下フレームページ(フレーム定義HTML)に細工をすればOKです。
(トップのHTMLでは、普通にフレームページにリンクすればOKです。)

<HTML>
<HEAD>
<TITLE>FRAMESET</TITLE>
<SCRIPT language="JavaScript"><!--
var page = new Array(
'a.html'
,'b.html'
,'c.html'
);
function choose_page() {
  var dt = new Date();
  var index = Math.ceil(dt.getTime() / 1000) % page.length;
  open(page[index],"main","");
}
//--></SCRIPT>
</HEAD>
<FRAMESET rows="30%,*" onLoad="choose_page()">
 <FRAME name="menu" src="ue.html">
 <FRAME name="main" src="about:blank"> ← about:blank にしておく
</FRAMESET>
</HTML>
    • good
    • 0
この回答へのお礼

ありがとうございました。
出来ました。完璧です。
javascriptとは奥が深いものですね。いろいろと勉強になりました。

お礼日時:2002/02/15 16:13

補足見ました。


なるべく最初にやりたいことを全部書いてください。
----
フレーム側ソース
---
<HTML>
<FRAMESET rows="150,*">
<FRAME SRC="ctrl.html" NAME="_header">
<FRAME NAME="_body">
</FRAMESET>
</HTML>
---
ctrl.html
---
<HTML>
<HEAD>
<script type="text/javascript">
var flag=0;
function viewURL()
{
var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/" …];
t = Math.floor(Math.random()*_url.length);
top._body.location=_url[t];
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A>
</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

ありがとうございました。
動きます。
文才がなく申し訳ありません。けど、ランクアップできました。

お礼日時:2002/02/15 16:20

> 切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。


> その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか?

いやいや、そんなことはないですよ。
フレームを定義している HTML の FRAME タグに、name 属性は指定していますか?
その name の値を open 関数の第2パラメータに指定すれば、指定したフレームのページが切り替わります。
(open 関数は、第2パラメータに指定された名前のウィンドウがなければ新たにウィンドウを開き、既にあればそのウィンドウに別のページを表示します。)

■フレーム定義のFRAMEタグには、nameを指定する。
 <FRAMESET rows="30%,*" …>
  <FRAME name="menu" src="ue.html">
  <FRAME name="main" src="shita.html"> → 下側の名前を main にしたら…
 </FRAMESET>

■クリックされた時の処理を、No.2の
 var win = open(page[index], "NewPage", "");
から、
 var win = open(page[index], "main", ""); ← ここも main にする
とする。

この回答への補足

駄目です。やってみましたがうまく行きません。
No.2の
var page = new Array(   // ページのURL
   'a.html'
  ,'b.html'
  ,'c.html'
);
とありますが、切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。。
素人で申し訳ありません。宜しくお願いします。

補足日時:2002/02/14 17:28
    • good
    • 0

madman さんが、ランダムにページを表示する方法を挙げていますので、指定秒数ごとに表示されるページを切り替える方法を示します。



<HTML>
<HEAD>
<SCRIPT language="JavaScript"><!--
var index = 0;
var interval = 2000;   // 切り替えタイミング(ミリ秒)
var page = new Array(   // ページのURL
   'a.html'
  ,'b.html'
  ,'c.html'
);
function count_up() {
  index = (index + 1) % page.length;
  setTimeout("count_up()", interval);
}
function open_page() {
  var win = open(page[index], "NewPage", "");
  win.focus();
}
//--></SCRIPT>
</HEAD>
<BODY onLoad="count_up()">
<A href="javascript:open_page()"><IMG src="***"></A>
</BODY>
</HTML>

参考URL:http://tohoho.wakusei.ne.jp/js/index.htm

この回答への補足

ありがとうございます。すばらしいです。
ところで、もう少し複雑なケースの場合についてお尋ねして宜しいでしょうか?

切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか?

補足日時:2002/02/14 10:52
    • good
    • 0

こんなのでしょうか


Mathを利用し、乱数を発生させ、0~3をランダムに変えさせています。
flagで1回目だけ新しいブラウザを開き、2回目以降は同じブラウザの中身だけ変えています。
---
<HTML>
<HEAD>
<script type="text/javascript">
varflag=0;
function viewURL()
{
var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/" …];
t = Math.floor(Math.random()*_url.length);
if (flag == 0) {
subwin = window.open(_url[t],"subwin");
flag = 1;
}
else {
subwin.location.href=_url[t];
}
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A>
</BODY>
</HTML>

この回答への補足

ご回答頂きありがとうございました。すばらしいです。
ところで、追加で質問しても宜しいでしょうか?

切り替えるページというのはフレームで分割されたもので、下側のフレーム部分の内容だけが3つに切り替わる…というようにしたいのですが、その場合これ以上のページを作成しなくても切り替わるようにするのは可能でしょうか?

補足日時:2002/02/14 11:03
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

今、見られている記事はコレ!

  • カウントダウンしたいことある?

    大晦日は、2011年最後の1日です。天皇陛下が「心の重い年」と表現されたように、3月11日の未曽有の大惨事は本当に大変な出来事でした。今年の漢字として選ばれた「絆」が我々にとって大切なものであると強く感じさせ...

  • 【賛否両論】59才で25才と女性とお付き合い……無理ですか?

    最近は大きく年が離れたパートナーを持つ人が増えており、親子ほどの年の差も珍しくないという。 恋愛に年齢は関係ないとはいえ、「教えて!goo」には「私は59才です25才の女性を好きになりお付き合い、無理がありま...

  • せきらら女子会:第129話「盛れるポーズ」

    恋愛、結婚、お金、夜の営み...いろんなことに対して、赤裸々にトークする女の子達のお話。考え方の違う4人が、今日も居酒屋に集まります。

  • ゲーム業界ダンナ観察日記:第116話「奥様はたまに辛口」

    ダンナ様のねむねむ。奥様のとぽすけ。ごく普通のふたりは、ごく普通の結婚をし、だらだらと夫婦生活を送っていました。でもただひとつ違っていたのは、ダンナ様はゲーム会社勤務だったのです。

  • 「進撃の巨人」、2017年夏に舞台化決定

    単行本累計発行部数6000万部を突破している大人気コミック「進撃の巨人」が、2017年夏、ついに舞台化されることが発表された。 圧倒的な力を持つ巨人とそれに抗う人間たちの戦いを描いたファンタジーバトル漫画であ...

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ