• 締切済み

inline frameの差し替えをjavascriptでできますか

htmlのページに2つのinline frameとほかにテーブルなどで ページを作成しています。 例） <iframe src="common/header/t_h_top.htm" width="100%" height="120" frameborder="0" scrolling="no" overflow:no></iframe> headerと左menuを作成しています。 現在のページデータを利用したいのでそのままにしておきながら、 headerだけを別のheaderに差し替えて表示したいのですが。 javascriptでA.htmlのheader部分を削除し、B.htmlを参照せよ。と指定することはできますでしょうか。 その場合、 ・元のページを丸ごと参照する指定 ・headerだけを差し替えて表示する指定 を教えてください。よろしくおねがいします。

  • niko33
  • お礼率74% (579/773)

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

#1>document.href=ＵＲＬ は、 location.href=ＵＲＬ の間違いでした。

niko33
質問者

お礼

説明がわかりにくくてすみません、2つの別々のページが存在しているときに、A.htmlから部分的に引用したページでA'.htmlを作成したいという意味です。 リンク先があってというのではなく、Iframeを使ったり、ほかのjavascriptを使ってそういった引用ができるのかが聞きたかったです。 でも回答していただいてありがとうございます。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

＞・headerだけを差し替えて表示する指定 iframe に名前を付けて表示するＵＲＬを変更する <iframe name="head" src="top.html" width="100%"…></iframe> <button type="button" onclick="frames['head'].location.href='B.html'">変更</button> iframe にidを付けて表示するＵＲＬを変更する <iframe id="head" src="top.html" width="100%"…></iframe> <button type="button" onclick="document.getElementById('head').src='B.html'">変更</button> ＞・元のページを丸ごと参照(置き換え)する指定 document.href=ＵＲＬ

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • inline frameの差し替えをpealでできますか

    htmlのページに2つのinline frameとほかにテーブルなどで ページを作成しています。 例） <iframe src="common/header/t_h_top.htm" width="100%" height="120" frameborder="0" scrolling="no" overflow:no></iframe> headerと左menuを作成しています。 現在のページデータを利用したいのでそのままにしておきながら、 headerだけを別のheaderを作成し別のページとして表示したいのですが。 pealでA.htmlのheader部分を削除し、B.htmlを置き換えてC.htmlを生成せよ。と指定することはできますでしょうか。 その場合ファイル名をあらかじめ同じにしておく、階層を同じにしておくなど、注意点がありましたら教えてください。

    • ベストアンサー
    • Perl
  • CSSでインラインフレームを非表示にしたい

    初心者です。 いろいろ試したのですがうまくいかないので教えてください。 複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、 たとえば、 <iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe> と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、 真ん中の「only」だけ隠すことはできませんか？ スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。 宜しくお願いします。 .free { width:450; height:760; border:none; margin: 0px; overflow: hidden; } .only { width:450; height:680; border:none; margin: 0px; overflow: hidden; } .link { width:450; height:680; border:none; margin: 0px; overflow: hidden; }

    • ベストアンサー
    • CSS
  • Iframeとして呼び出すページを120ｐｘ以下を表示したい

    Iframeを使いたいのですが、A.htmlの高さ120pixから下をIframeで指定したいときはどうしたらいいでしょうか。 <html> <head> <title>testtitle> </head> <body> <div width:100%; height:120px;> <table> <tr> <td><iframe src="A.htm" width="100%" height="100%" frameborder="0" scrolling="no" overflow:no></iframe><td> </tr> </table> </div> </body> </html> 呼び出すIframeの中身のページについて 高さを120pix以下を表示したいのですが。 よろしくおねがします。

  • インラインフレームの高さ

    IFRAMEの高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="？？？"> 宜しくお願いします。

  • インラインフレームの表示設定について

    HTMLで作っていたページがゴチャゴチャして来たのでインラインフレームで 小分けにし、整頓しようと思ったのですが…上手くいかずに困っています。 heightやwidthでサイズを指定しても、その通りには行かず、余白付きのページを スクロールバー付きで表示され… スクロールバー無しで表示したいので、scrolling="no"を設定すると、指定しても いない部分で途切れ、ページが表示されなくなってしまいました。 （その際、バーが減ったおかげか横幅だけは設定通りになりました） ※縦幅が指定できないので、枠を超えてなお表示できるoverflow:visibleと 　バー無し指定のscrolling="no"を同時設定する方法を探しています。 <iframe src="××.html" scrolling="no" frameborder="0" style="border:none; overflow:visible; width:○○px; height:○○px;">と設定すると途中で途切れ、 http://www001.upp.so-net.ne.jp/oka/iframe_ssi.htm ←こちらのページ下部に 有る様にjavascriptで設定してみたところ今まで表示されてたインラインフレーム 部分が見えなくなりました。 どなたか改善方法をご存知の方、ご教授をよろしくお願いします

    • ベストアンサー
    • HTML
  • iframeにリンクを貼る

    <iframe src="qqq.gif" height="1５0" width="356" align="left" frameborder="0" scrolling="no" marginheight="1" name="tv" > この部分はiframe表示です </iframe> にURLを指定してリンクを張りたいのですが、どうしたらいいですか？

  • リンク元の引数を取得してjavascriptを実行したい

    リンク元に引数を入力して、リンク先でページのインラインフレームのページが指し換わるjavascriptを実行させたいです。 実行させたいjavascriptは function change(URL1,URL2) { document.getElementById('contents1').innerHTML = '<iframe src="'+URL1+'" width="620" height="343" frameborder="0" scrolling="no" name="myFrame1" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; document.getElementById('contents2').innerHTML = '<iframe src="'+URL2+'" width="620" height="215" frameborder="0" scrolling="no" name="myFrame2" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; } 引数からURL1とURL2に代入したいです。 アドバイスよろしくおねがいいたします。

  • IFRAMEをJAVASCRIPTで表示したい。

    現在自分のＨＰ内で以下のようにIFRAMEを使用しているのですが、 <iframe src="http://www.xxxx.com/" height="500" width="500" scrolling="no" frameborder="0"></iframe> この表記を外部呼出しのJAVASCRIPTで行うことは可能でしょうか？ またもし可能なら表記、コードも教えていただけると嬉しいです。 自分なりに色々調べてみたのですが、まだまだ知識が乏しく行き詰っております。 どうかよろしくお願いします。

  • iframe内MENU

    ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 （別ページ作成したｃｓｓmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe>　こんな感じです。） 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。（レイアウト崩れのような感じで）　iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか？ 色々試したのですが上手くいきません。 教えて頂ければ幸いです。

    • ベストアンサー
    • HTML
  • 目次つねに表示をするには・・・！？

    本を読んで <div id="menu" class="gureisyouClass"> <nolayer><IFRAME name="sample" border="0" frameborder="0" marginheight="0" marginwidth="0" src="iframe.html" width="210" height="720" scrolling="no"></IFRAME> </nolayer><ilayer src="iframe.htm" width="210" height="720" scrolling="no"></ilayer></div> 「iframe.html」という目次ページを作ってどのページをクリックしても目次をつねに表示するようにしました。けれど、目次が増えていくとheight="720"を増やす作業を全ページやり直していかなければなりません。いろんな方のHPソースをみるとdivの中にテーブルで目次項目を全ページ記述してあります。目次が増える都度みなさん全ページやり変えてらっしゃるのですか？どうすればいいのでしょうか、とても困っています。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する