1mouke.com [東京ウェブ制作] - サイト内を検索する  
ドローンの疑問が解決するQ&A【ドローン・アンサー】
FAQ(よくある質問と回答)
Q. インラインフレームを使って、1つのページを複数のページに取り込む仕方を教えてください。例としてpage1からpage10まで10回フレーム取り込みは動画をみて簡単にできました。ですが追加文をpage1に入れたところ、自動的にpage2からpage10までは追加分が挿入変更されませんでした。操作の仕方が、間違いでしょうか。先生の動画を何回もみたのですが、htmlファイルが100あってもpage1に追加文を挿入すれば、追加分は99回省略でき便利だという意味にとらえたのですが、それでよいでしょうか?教えてください。

A. 意味のご理解は正しいです。インラインフレームを使うと、1つのページを複数のページへ共通的に読み込ませることができるので、100ページすべてを変更しなくても、1ページだけ変更すれば、のこり99ページすべて更新されます。問題は「インラインフレームを取り込む側のページ」と「インラインフレームの枠内に取り込まれる側のページ」を混同しないように注意しなければならない、ということです。両者は別々のhtmlファイルなので、まず最初に、名前をつけるときに、混同しないように自分なりのルールを決めておきましょう。具体例を挙げます。3つのページがあり、page1、page2、page3、と名前をつけました。ここでは、まだインラインフレームは使わずに、単なる普通のhtmlファイルとします。3つのページに共通的に表示させたい文字列(たとえばフッタすなわちページ最下部の All Rights Reserved 2012 )は、それぞれのページへ個別にベタ書きすると、年度が変わるたびに毎年、すべてのページの2012を書き換えなければなりません。それが100ページあると100回書き換えることになるので大変です。よって、インラインフレームを使うのですが、2012の文字列は「インラインフレームの枠内に取り込まれる側のページ」に書かなければなりません。それは、page1、page2、page3、とは別のファイルとして、新規にhtmlファイルを作成する必要があります。たとえば nendo(年度)というhtmlファイルを作成して、そのファイルに2012と書いておきます。そして、page1、page2、page3、すべてが、インラインフレームで nendo を取り込むようにしておきます。そうすれば、nendo の数字を書き換えるだけで、page1、page2、page3 すべての表示が変更されます。ここで注意する点は、数字の書き換えはpage1、page2、page3に対して行うのではなく、nendo に対して行う、ということです。page1を書き換えても、それはpage1にか反映されません。インラインフレームの枠内と枠外では、別世界(別ページ)であると考えれば分かりやすいかもしれません。以上、長くなりましたが、まだご不明な点があれば追加で質問投げてください。 参考として http://www.1mouke.com/hpb/081216d/index.html もご覧ください。

回答者 大和賢一郎

関連する質問
ホームページビルダーでHPを更新しています。インラインフレームで更新記録を作っていますが、1月22日以降に入力した記録が、FTPでアップしたのにイン ...

関連する動画
[V15kis15] [フレーム] インラインフレームの作り方 (V15)

関連する用語
インラインフレーム

関連する解説

その他の関連情報

FAQ(よくある質問と回答)を検索する

Loading


IT外注のトラブルを解決する
起業家のための、損しないIT外注テクニック
ITエンジニア 大和賢一郎 による技術サポート(ヘルプデスク)です。ウェブ制作に関する情報提供・オンライン個別相談・直接面談・立ち会い・トラブル解決・座学セミナー・スキルアップ個別指導などを無料または有料でご提供いたし ... 続きを読む
東京ウェブ制作 東京HTMLスクール クラウドソーシング 基礎からわかる!HTML超入門 東京ウェブ制作 - 拡販パートナー募集中 フリーランスITエンジニアのエージェント比較 【日本語版】ZendFramework2(ZF2)逆引き辞典 人間ドックの日本最大級口コミサイト「人間ドックサーチ」人間ドックの情報満載 クラウドソーシングの日本最大級口コミサイト【東京ウェブ制作】 あなたの月収が70万円になる 無料WordPress - kyblog(ケーワイブログ) フリーランスITエンジニアの案件検索エンジン「オメガ・サーチ」OMEGA_SEARCHフリーランスITエンジニアのエージェント比較「agentism(エージェント・イズム)」 ドローンの疑問が解決するQ&A【ドローン・アンサー】


今すぐ質問する(無料)
ホームページ作成に関するご質問をお寄せください。無料で回答いたします。回答は よくある質問FAQ にアップされます。今すぐ質問する