ページの参照方法について
- フォルダ内に複数のHTMLファイルを配置し、ページを参照する方法について説明します。
- 特定のHTMLファイルを別のHTMLファイル内で表示させる方法について解説します。
- 初心者向けのJavaScriptとHTMLの使い方に関する質問にお答えします。
- ベストアンサー
ページの参照の仕方について
おなじフォルダにframe.html, menu.html, index.htmlをおき、 frame.htmlの左にmenu.html, 右にindex.htmlを表示させています。 menu.html上の下記のボタンでindex.htmlをリロードしたいのですが、うまくいきません。 <input type="button" value="右ページを再読込" onclick="javascript:window.top.['index'].location.reload()" style="WIDTH: 120px; HEIGHT: 20px"> どこが間違っていますでしょうか？ javascriptもhtmlも初心者です。よろしくお願いします。
- quicon9ue
- お礼率83% (10/12)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
右側のフレームの名前が↓のようにindexだと仮定すると、 <frame src="index.html" name="index"> window.top.frames['index'].location.reload(true);
関連するQ&A
- JavaScriptでページを一度だけリロード
とあるページにアクセスした際、JavaScript(jQuery)を使って一度だけページをリロードしたいと思っております。 <script language="JavaScript"><!-- function reload() { if (window.name != "test") { location.reload(); window.name = "test"; } } // --></script> 上記のような記述で試みたのですが、リロードしてくれません。 他に対応できる方法がございましたら、ご教授いただけますと幸いです。 以上、よろしくお願い致します。
- ベストアンサー
- JavaScript
- 新規ウインドウから他のページにいけますか？
JavaScriptのwindow.openでページを表示した時に小さな別Windowも表示させるようにしています。 その画面を閉じるのに <input type="button" value="CLOSE" onclick="window.close()"> をクリックすると閉じるのですが、もう一つボタンを付けてそのボタンをクリックするとTOPページに戻るようにしたいんです。 location.href = "URL";で他のページにいけるんですよね？ ボタンを表示させるには <input type="button" value="TOP" onclick="window.location.href="URL";"> でいいのでしょうか？ やってみたのですが何も動きません。 どなたかわかる方、教えて頂けないでしょうか？よろしくお願いします。
- ベストアンサー
- JavaScript
- javascript の locationメソッド
Javascript で、子（サブ）ウィンドを使っています 子ウィンドを開いて、とある処理を終了後に親ウィンドに指定のURLを表示させて子ウィンドを閉じる、という処理をしたいと思っています。 まず、親ウィンドにURLを渡すところはうまく動きます。 そのページはPHPで作られたページで、できており子ウィンドの処理でセッションに保存されたセッション変数を読み込んで動きます。 ページは遷移するのですが新しいセッション変数が読み込まれません。 ページをリロードすれば動作するので、子ウィンドを閉じる前に親ウィンドを再読込させればよいかな？と思ってreloadを入れてみました。 すると、リロードはしているようなのですが、今度は渡したURLに遷移しなくなってしまいました。 window.opener.location.replace(URL); window.opener.location.reload('true'); window.close(); このような処理はどうすればよろしいでしょうか？ それとも諦めるしかありませんか？ また、過去に同様な質問があるようでしたら、そのurlを教えていただけると幸いです。 見つけたのですが、探しきれませんでした。
- ベストアンサー
- JavaScript
- JavaScriptが表示されません
JavaScriptの練習をしています。 階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですが どしょっぱつから、ひっかかりました ◆例１ <script language="JavaScript"> <!-- document.write(こんにちは); //--> </script> ◇結果 ＩＥ画面上に、なにも表示されません ※以前、全く同じ構文で試したときには こんにちは が表示されました。 ※環境は同じで、変わっていません ◆例２ <form> <input type="button" value="戻る" onclick="history.back()"> <input type="button" value="更新" onclick="location.reload()"> <input type="button" value="進む" onclick="history.forward()"> <input type="button" value="トップページへ" onclick="location.href='http://www.red.oit-net.jp/tatsuya/index.htm'"> </form> ◇結果 これは、表示されました。 何回試しても、ちゃんと表示されます +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ いったい何が問題なのでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- ＩＥで 画面移動させず FLASH だけ リロードは できますか？
ＩＥで 画面移動させず FLASH だけ リロードは できますか？ こんにちは お尋ね致します。 作成したサイトの、少し長目のページの下の方に、 FLASH を 設置してありまして FLASH だけを 再度、見てもらうために、 少し調べて、再読込み（リロード）のために、 下記フォームを使った（更新ボタン）を設置致しました。 <form> <input type="button" value="もう一度 見る" onclick="window.location.reload();"> </form> これを使って試めしたところ、 Chrome や Firefox などの ブラウザは、 少し長目ページの、下の方の、同じ場所で、 画面移動もせずに、FLASH だけが リロードができるのですが、 ＩＥ８ では、上記を使うと、画面自体がページトップに飛んでしまい 肝心のページ下の FLASH の リロードが、見られない様になってしまいます。 お尋ねは、ＩＥ であっても、少し長目ページ下の、そのままの位置で、 そこそこ簡単に、FLASH だけの リロードを、行える方法があるか･･･ どうかです。 何か良い解決方法がありましたら よろしくお願い致します。
- ベストアンサー
- HTML
- 音楽連続再生と歌詞カード（サブウインドウ）の連動表示
音楽の連続再生に連動した歌詞カード（サブウインドウ）の表示方法について、教えてください、お願いします。 現在は下記に書きました様にして 音楽の連続再生（Media Player)及び曲名をクリックする事により歌詞カードの表示を行っています。 しかし、再生と自動的に連動する事は出来ません、可能な方法が有れば教えて下さい。 現在のプログラム例 <BODY> <DIV style="width : 351px;top : 58px;left : 421px; position : absolute; z-index : 5; height : 17px; " id="Layer3"> <P><B><I><FONT size="+2" color="#0000ff"><A href="テスト.wpl">連続再生を開始します</A></FONT></I></B></P> </DIV> <DIV style="width : 224px;height : 16px;top : 129px;left : 25px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-1.html','subwin','width=300,height=300,left=310,top=250')"><B><I>曲-1歌詞</I></B></A></DIV> <DIV style="width : 186px;height : 16px;top : 159px;left : 25px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-2.html','subwin','width=300,height=300,left=310,top=250')"><B><I>曲-2歌詞</I></B></A></DIV> <DIV style="width : 157px;height : 16px;top : 190px;left : 27px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-3.html','subwin','width=330,height=300,left=310,top=250')"><B><I>曲-3歌詞</I></B></A></DIV> </BODY> テスト.wpl (メディアプレーヤファイル) <?wpl version="1.0"?> <smil><head> 以上よろしくお願い致します。
- ベストアンサー
- JavaScript
- フレームとイベントハンドラについて
フレーム無しのページでは <FORM><INPUT TYPE="BUTTON" NAME="Type02" VALUE="閉じる" onClick="window.close()"> とか <img src="botan23.gif" width="35" height="11" onClick="window.close()"> で右上の×点を使わなくてもウィンドウを閉じることができますが、フレームで分割されているものの閉じ方がわかりません。 http://nshk.lomo.jp/purple/purple.html の場合 home というgifに onClickでウィンドウを閉じるようにさせたいのですがどう書けばよいのでしょうか？よろしくお願い致します。
- ベストアンサー
- Java
- 別フレームを更新したいです。
この度PHP,Javascript,htmlを使用し、データベースを作成しています。 左右にフレームを分けて作成しています。 左がindex、右がmainという具合に… 左のindexのリンクをJavascriptで作成し、右のmainをページ移動させるという具合です。 左部(index)記述コード window.open('hoge.heml','mail') しかし左のindexのリンクを押しても右のmainが古いページに飛んでしまい splが更新されずに困っています。 F5を押せば更新され新しいデータが表示されますが、利便性が悪い為 リンクでページが飛んだ瞬間に更新もされるようにしたいです。 お手数ですがよろしくお願い致します。 ちなみに下記記述を試してみたところ永遠にロードを繰り返してしまいます… 右部(main)記述コード <select>location.reload</select> <body onload="parent.frames['main'].location.reload()"> あと下記記述の場合には5秒ごとにリロードされ、ユーザーの記入欄が クリアされてしまうので都合が悪いです。 <meta http-equiv="refresh" content="5">
- 締切済み
- JavaScript
- javascriptで、別のフレームをリロード
下記のように、<A>タグ内だけでテキストを押すとページがリロードするようにしています。 <a href="javascript:location.reload();">再読み込み</a> フレームを分けた際、 リロードボタンを name="A"フレームに置き、 name="B"フレームを更新させたい場合、 どのように書き直せば良いのでしょうか。 すみません、簡単なことなのかもしれませんが、javascriptが不慣れで、検索してもわからなかったため、ご質問させていただきました。 何卒宜しくお願い致します。
- ベストアンサー
- JavaScript
- java：ウィンドウリサイズ拡大時にリロードさせる
よろしくお願いいたします。 こちらのページを参考に、 http://www.openspc2.org/reibun/javascript/specia … <script Language="JavaScript"> window.onresize = rebuild; function rebuild(){ location.reload();} </script> 上記のように記述して 「ウィンドウをリサイズしたらリロードする」ことはできたのですが、 「ウィンドウサイズを大きくした時だけリロードして、小さくした時はリロードしない」 と指定することはできるでしょうか？ また、もう一点、 「ウインドウサイズを現在開いているサイズより大きくしたとき、 かつ、ウィンドウの高さが800px以上のとき、〇〇させる」 としたい時どのように書けば良いでしょうか？ 〇〇の部分は、リロードやjQueryの挙動などを書きます。 ご存知の方おられましたら、お教えいただけましたらと思います。 どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
お礼
ありがとうございました！ name で名前をつけるのを知りませんでした。