フレームのある

質問

ホームぺージビルダー２００１でホームページを作成していますが、フレームページの左側に目次、右側にその説明文を表示させ、homeをクリクした時にフレームページの左右を同時に変更したいのですが普通のリンクでは問題なくできたのにボタンリンクでは目次のページだけダブってしまい上手くいきません。
ソースは下記のように入力しております。

<B><FONT size="2"><A href="sub2.htm" target="_top"><FONT size="2" color="#000000">ｘｘｘ</FONT></A></FONT></B></P>

この表示の時は支障がありません。

ボタンにした下記のソースですと目次のほうだけがダブって表示されてしまいます。
<P align="center"><B><FONT size="1" color="#000000"><INPUT TYPE="button" VALUE="ｘｘｘ" onClick="location.href='file:///C:/My Documents/homepage05/sub2.htm'" target="_top" color: #000000; background-color: #ffffff; border:ridge #999999;"></FONT></B>
ホームぺージの過去の質問とかも見ましたが、どうしても上手くいきませんのでどなたかわかりやすく教えてください。

回答No.2

Mizyu · ベストアンサー

別のフレームファイルを用意して、全画面に対して画面移動しているようですね。
<A href="sub2.htm" target="_top">ｘｘｘ</A>
_topをTARGET指定すると、全画面に対する遷移になります。

フレームのHTMLが
<frame src="a.html" name="menu">
<frame src="b.html" name="main">
であると仮定して

<INPUT TYPE="button" VALUE="ｘｘｘ" onClick="parent.main.location.href = 'c.html';location.href='d.html'; color: #000000; background-color: #ffffff; border:ridge #999999;">

でスマートに行えます。
c.htmlは新しいmainのほうの画面、d.htmlは新しいmenuのほうの画面です。

あと
location.href='file:///C:/My Documents/homepage05/sub2.htm'
ではローカルのファイルのフルパス指定してありますのでサーバにアップするには
location.href='sub2.htm'でないと見れません。

補足

早速の回答有難うございます。
ソースを入力しましたが上手くいきませんので細かい入力ミスをしているのかも知れませんチェックしてみます。

ホームページビルダーを使っていますが、この問題の解決のためjavascriptにも挑戦したのですが、その後からは自動的にフルパスに修正されてしまい、それ以外ではリンクできなくなってしまいました。

回答No.3

noname#199778

#2の方の回答と同じですが…

フレームセットのHTMLで、各フレームに名前が付けられているとして、仮に

<frameset>
<frame src="a.html" name="menu">
<frame src="b.html" name="main">
</frameset>

というように、メニューフレームにmenu、メインのフレームにmainという名前がついているとすると、
メニューフレーム内で、ボタンで2フレームともに別ページに飛ばしたいときは、

<input type="button" value="XXX" onClick="parent.main.location.href='c.html"; location.href='d.html'">

このように記述すればよいはずです。
なお、ボタンのソースの中の「 color: #000000; background-color: #ffffff; border:ridge #999999;"」この部分は現状まったく意味をなしていませんので、消した方が良いですよ。 おそらくスタイルシート指定の残骸でしょうけど、残しておいても意味はありません。 あるいは、きちんとスタイルシート指定として、

<input type="button" value="XXX" onClick="parent.main.location.href='c.html"; location.href='d.html'" style="color: #000000; background-color: #ffffff; border:ridge #999999;">

このように、style属性を定義する必要があるでしょう。

参考までに…

お礼

回答有難うございます。
style=" を最初は入れていたのですが、ボタンのバックカラーだけが色抜けしてしまっていたのですが、色々試しているうちに取除いたら正常になりました。
ソフトに関係が有るのかもしれませんよく判りません。

回答No.1

shy00

<P align="center"><INPUT TYPE="button" onClick="parent.frames['*****'].location.href='sub2.htm';">
ではいかがでしょうか？
と、フレームの右側だけ変わればいいんですよね？
*****はフレーム名を入れてください

補足

早速の回答有難うございます。
homeをクリックした時に左右共新しい画面で表示したいのです。
ボタンでない場合は自分でもできたのですが・・・