フレーム(rightup) が表示しているURLを調べて表示させるJavaScriptを書きました。rightupの表示内容が初期状態のときは動きます。ところが、初期状態と異なるURLを表示させると以下のようなエラーが出てしまいます。
エラー:書き込みができません
以下、フレーム定義のHTML、URLを調べて表示させるJavaScriptの含まれているHTMLの抜粋を示します。
理由等お分かりの方教えていただけないでしょうか。よろしくお願いします。
フレーム定義のHTML(抜粋)
<FRAMESET cols="59%,41%">
<FRAME src="left.html" name="left" id="left">
<FRAMESET rows="85%,15%">
<FRAME src="right_up.html" name="rightup" id="rightup">
<FRAME src="right_bottom.html" name="rightbottom" id="rightbottom">
</FRAMESET>
<NOFRAMES>
<BODY>
<P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P>
</BODY>
</NOFRAMES>
</FRAMESET>
JavaScriptの含まれているHTML(抜粋)
<HTML>
<HEAD>
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ShowProperty()
{top.rightbottom.document.write(window.top.rightup.location.href)}
//-->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM NAME = "fom">
<INPUT TYPE="button" value="GO" onclick=ShowProperty()>
</FORM>
</CENTER>
<TABLE border="1" width="100%">
<TBODY>
<TR><TD><A href="http://www.asahi.com" target="rightup">朝日</A></TD></TR>
<TR><TD><A href="http://www.yahoo.co.jp" target="rightup">Yahoo</A></TD></TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
No.1ベストアンサー
- 回答日時:
window.top.rightup.location.hrefのhrefは単純なストリングではなくオブジェクトです。
document.write(Object)はできないのでエラーが発生しました。下記のようにすればいけるはずだと思います:
top.rightbottom.document.location = "right_bottom.html"
この回答への補足
Dennyboy 様たいへんありがとうございます。
>window.top.rightup.location.hrefのhrefは単純なストリングではなくオブジェクトです。
>document.write(Object)はできないのでエラーが発生しました。
教えていただいたおかげでエラーの発生した場所が document.write で、オブジェクトを表示しようとして失敗していること分かりました。
ところであらためて自分の質問を読み返してみると、質問の内容が分かりにくかった気がします。
2番目のJavaScript入りHTMLはフレーム(left)のものです。(それを書かずに質問してしまったので私の状況説明が伝わらなかったと思います。すみません。)
フレーム(left)のフォームのボタンをクリックするとフレーム(rightup)に表示されているURLがフレーム(rightbottom)に表示されるようにしたかったということです。また、フォームのボタンの下にasahi.com と yahoo.com のリンクがあり、フレーム rightup にこれらが表示されるようになっています。
+------------------+
| | |
| | |
| left | rightup |
| | |
| | |
| | |
| | |
| +-----------+
| | rightbottom |
+------------------+
>下記のようにすればいけるはずだと思います:
>top.rightbottom.document.location = "right_bottom.html"
このご説明は、フレーム rightbottom の表示を right_bottom.html に切り替える処理かと思いますが私の理解が違うようでしたらすみません。
No.2
- 回答日時:
申し訳ありませんでした。
MSDNから調べた結果、hrefはストリングです。前回の回答は間違いました申し訳ありませんでした。
もし下のようにしたら、rightupの内容をrightbottomに移すはずだと思います。
window.top.rightbottom.document.location.href = window.top.rightup.document.location.href
もし理解が間違いましたらごめんなさい。 :-(
参考URL:http://msdn.microsoft.com/library/default.asp?ur …
熱心に応えていただことに大変感謝しております。ところで私の行いたい事は、rightbottom の表示を切り替えることではありません。
************************************************
私の行いたい事は"rightup が現在表示中のURLを調べたい"ということです。
************************************************
今調べてきて分かったことですが、2つ変なことを発見しました。
(1)フレーム「rightbottom」のlocationを
top.rightbottom.document.write(parent.rightbottom.location)で調べると、right_bottom.htmlではなくleft.html が入っています。→frameset で明確にrightbottom の src をright_bottom.htmlに設定しているのに。不思議です。
(2)フレーム「rightup」は、<A href="http://www.asahi.com" target="rightup">
により表示を切り替えると、window.top.rightup で参照できなくなる。→rightupの情報が消えているように見えます。う~む、不思議だ!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページ遷移をコントロールしたい
-
フレームを跨ぐドロップダウン...
-
別フレームの中にあるインライ...
-
マウスカーソルに画像が追っか...
-
複数のページ(html)のvalueを...
-
インラインフレームで表示され...
-
親フレームのURLによって、...
-
<a href="#" …>の意味を教えて...
-
【SSI】include file、include ...
-
bodyにidをつける理由は何ですか?
-
Vbscriptで自分自身のウィンド...
-
datepickerで日付の値を取得したい
-
(Javascript)印刷するファイル...
-
Google scriptについて 至急scr...
-
getElementsByNameで要素が取得...
-
javascriptのalertで文字化けが...
-
外部.jsの内容を一部置き換えて...
-
JavascriptとJqueryを混在し記述
-
javaスクリプトについて質問で...
-
別ページのページ内リンクでの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
フレームでの右クリック禁止
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームが入れ子状態です。フ...
-
別フレームの中にあるインライ...
-
チェックボックスのチェックを...
-
ワンクリック、ダブルウインド...
-
別画面の関数の呼び出し
-
フレーム分割すると動かない
-
複数のページ(html)のvalueを...
おすすめ情報