• ベストアンサー

iframeについての質問

iframeについての質問ですが、例えば、トップページ、日記のページがあるとします、日記のページにはiframeがあり、iframe内に、毎日の日記を別のhtmlで作ったものを表示していこうと思います。 トップページから、日記ページのiframe内に、トップページより、指定した日にちのhtmlファイルにリンクするにはどのようにしたらよいでしょうか？

  • HTML
  • 回答数2
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • j-mika
  • ベストアンサー率46% (15/32)
回答No.1

こんにちは。 javascript を使ってよいなら～という事で。 ホントは、ブラウザーによって変わる可能性もあるので CGIを使うのがいいと思うのですが。 javascriptの方が設置場所を選ばないと思うので。 ●希望の整理 日記が0825.html 0826.htmlとある。 これをnikki.htmlというページの中にiframeで表示している。 トップからnikki.htmlにリンクを張るが、nikki.htmlの中を好きな 日付に変えておきたい。 ●nikki.htmlのソース <html> <bod> ここにはすきなの<br> <script type="text/JavaScript"> <!-- var hiduke=window.location.search.substring(1,20); document.write("<iframe src="+ hiduke + ".html></iframe>"); //--> </script> <br> ここにもすきなの </body> </html> ■補足 var hiduke=window.location.search.substring(1,20); は、?より後ろを１～２０文字とるという事です。 document.write("<iframe src="+ hiduke + ".html></iframe>"); "は、文字を囲んでます。 iframe=""の「"」じゃないです。 ●トップページのリンク <a href=nikki.html?0825>今日の日記</a> ■補足？より後ろが、中身の日記のファイル名。 ●日記 0825.htmlとか、好きなので。 めちゃめちゃシンプルにしてますが。

radiohead2
質問者

補足

大変、ご丁寧なご返答感謝しています。すみません、私の説明不足でした。javascriptや,cgiを使わないでできる方法はないでしょうか？

その他の回答 (1)

回答No.2

> トップページより、指定した日にちのhtmlファイルにリンクするにはどのようにしたらよいでしょうか？ 2007年9月12日の日記を20070912.htmlというファイル名で保存しているなら、 <iframe src="20070912.html"></ifarme> と書けば、2007年9月12日の日記が表示されますよ。 <iframe src="today.html"></ifarme> と書いて、新しい日記はtoday.htmlを上書きしていく方法もありますけどね。 昔の日記を見るとかなんとかで、メニューなどを何らかの形で更新しないと行けないので、 ファイルを保存すればいいと言うだけの問題ではないと思いますし、 もしCGIアプリケーションを使ってその保存作業をしているなら、そのCGIアプリケーションを使って最新の日記なりを表示するのが簡単なのでは？ > javascriptや,cgiを使わないでできる方法はないでしょうか？ モジュールでいいならPerlやPHPで<iframe src="diary.cgi"></iframe>として、diary.cgiが最新の日記を表示する様にするのが簡単だと思います。 一応、SSIで。 <!--#config timefmt="%Y%m%d" --> <!--#set var="today" value="$DATE_LOCAL" --> <iframe src="<!--#echo var="today" -->.html"></iframe> これで今日（2007年9月12日）は20070912.htmlになります。 RewriteRuleでもできるかも。 <iframe src="today.html"></iframe>としておいて、 today.htmlへのアクセスを 今日の日付.html に変換できれば、ですけど、 RewriteRuleはわからないのでパス。

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

関連するQ&A

  • iframe内MENU

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

    • ベストアンサー
    • HTML
  • iframeからのリンクでスクロールさせるには

    scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。

  • IFRAME内の設定。

    ページが開いたときに、IFRAME内のページは中央辺りが最初に表示されるようにしたいんです。 このように指定できるタグはありますか？ このような時って、リンク前のページ、メインのページ、IFRAME内のページのどれに指定したらいいのかも教えて下さい。 説明がわかりにくかったらすみません、よろしくお願いします！！

    • ベストアンサー
    • HTML
  • iframeについての質問

    iframeでhtmlをした場合、直接そのhtmlファイルへアクセスできない、もしくは、そのhtmlファイルにアクセスしてもtopページへ行けるような対策はありますか？すみません、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • iframeを使わずに…

    いつもお世話になっております。 毎度毎度申し訳ありませんが、お知恵を貸してください。 今ネットショップを作ろうとサイト作成しています。 トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。 最初、ここにはiframeを使おうと考えていました。 トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。 でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。 でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。 そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか？ 以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。 もしよろしければ、アドバイスを御願い致します。

    • ベストアンサー
    • CSS
  • iframeから別ページのiframeへのリンク

    iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか？ ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe Ｂ_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • IFRAMEを使っているのですが

    indexはフレームも何もない普通のページで、ENTERをクリックして入った次のページに IFRAMEを使っているページを作っています。 このページに入ると、IFRAMEの中にindexが表示されてしまい、困っています。 このIFRAMEの中に表示するページを指定する事はできますか？

    • ベストアンサー
    • HTML
  • frameやiframeで指定したhtmlファイルの振る舞い

    frameはさすがに使用してないのですが、iframeを使用し複数のHTMLファイルをそのiframe内に表示（同時ではなく、選択されたページのみ）させるホームページを作っています。 各HTMLファイルのページは、そのホームサイトのリンクのみでネット上に公開したいのですが、（逆を言えば、各HTMLファイル単体での表示を避けたい）iframeで指定されているHTMLファイルは自動的にそうなってくれますか？ もしならないのであれば、そうする方法などを教えて頂きたいです。

    • ベストアンサー
    • HTML
  • iframe内からのリンク

    少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい（ここでいう先頭はページ全体のトップ） ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが；よろしくお願いします。

    • ベストアンサー
    • HTML
  • IFRAMEからのリンクについて

    AというページにIFRAMEのページが入っています。 そのIFRAMEのページからBというフレームページに ↓Bのフレームページ↓ ----------- 　　|　　　 | C　|　D　　| 　　|　　　 | 　　|　*　　| ----------- リンクするようにしたいのですが、 リンクといっても、Dの中の特定の場所*を表示するように したいのです。 わかりにくい質問かもしれませんが、わかる方がいたら 教えてください。

    • 締切済み
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する