• 締切済み

インラインフレームについて

不動産サイトを運営しています。現在CGIをインラインフレームで呼び出して新着物件やお勧め物件を表示しております。しかし、トップページのソースに表示されていないために、物件を入れ替えても更新にはなっておりません。ソースとして表示するにはどうしたらよいのでしょうか? 下記に今のソースを記載しておきます。 あまり詳しくないものですから、具体的にお願い致します。 <div class="contents_midashi"><h4>新着不動産情報</h4></div> <div id="topic"><iframe name="news" src="cgi-bin/news_g.cgi" frameborder="0" scrolling="auto" width="723" height="310"></iframe></div> <div class="contents_midashi"><h4>特選不動産物件情報</h4></div> <div class="toku"><iframe name="baitoku" src="cgi-bin/toku/b_toku_y.cgi?hyoji_page=1" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>

  • CGI
  • 回答数1
  • ありがとう数1

みんなの回答

  • unacyo
  • ベストアンサー率51% (35/68)
回答No.1

一度iframeの中に物件が表示されてしまうと、F5を押しても更新されない、という現象ですよね? これは、CGIがキャッシュを無効にしていないためです。 掲示板等のcgiでもそうですが、F5を押して最新データを表示させたい場合は、ブラウザのキャッシュを抑止させなければなりません。 いくつかやり方があります。 1、毎回、iframe src=""のcgiパラメータに無効なデータをつけて、常にユニークなページとしてブラウザに認識させる cgi-bin/toku/b_toku_y.cgi?hyoji_page=1&loadDateTime=20120919210000 の様に、最後に年月日時分秒をパラメータとして追加します。これはCGIの処理には使わないダミーパラメータなのですが、ブラウザのキャッシュヒットを発生させない様にする方法です。 ただし、スマートなやり方ではありません。 2、CGIの出力ページに<meta>タグを追加し、ブラウザにキャッシュさせない様にする CGIが出力するWebページの頭のあたりに<meta>タグを埋め込んで、ブラウザがキャッシュすることを抑止させます。 3、HTTPヘッダにキャッシュ抑止を入れる 2と同じことですが、ページ内部ではなく、ページの転送段階でブラウザがキャッシュすることを抑止させます。 CGIの出力は通常こちらを使うほうが良いかもしれません。データ量もわずかに小さいですし。 2,3については、参考URL先をご覧ください。

参考URL:
http://tech.bayashi.net/pdmemo/browsercache.html
ametetsu431
質問者

お礼

詳しくありがとうございました。できれば補足の内容もおねがいしたいのですが?宜しくお願いします。

ametetsu431
質問者

補足

回答、ありがとうございます。参考にさせてもらいました。お勧めの3、にしました。ただ、私の本当にお聞きしたかったことは、以前のサイトは新着物件がトップページにソースとして表示されており、それを入れ替えて更新作業としておりました。前の業者にはまかせっきりだったので、CGIをどういう形で表示していたのかがわかりません。今のインラインフレームではソースとして表示されておらず、前の業者には契約も切れているので聞くわけにもいかず困っております。インラインフレームではソースを表示できないのでしょうか?以前のサイトの新着部分のソースを下記に記載しておきます。URL部分は#で隠しております。 <!--NewEntry_Strt--> <table cellspacing=7 cellpadding=1 border=0><tr><td valign=top class="outline1"> <table cellspacing="3" cellpadding="1" border=0 width="300"> <tr><td class="baibaiBG" colspan="2"> <b>売買 中古戸建</b></td></tr> <tr><td width="102" valign="top"><a href="fsd/cgi/s_art.cgi?do=S&indata=22185"><img src="http://################/fsd/cgiimg/1338856748_75.jpg" width="71" height="100" border="0"></a></td> <td valign="top">芦屋市翠ヶ丘町<br>JR神戸線芦屋駅 09分 <table cellspacing="1" cellpadding="0" width="100%"><tr><td><span class="pricetxt">12,000万円</span></td><td align="right"><a href="fsd/cgi/s_art.cgi?do=S&indata=22185"><img src="http://www.###############/fsd/css/syosai.gif" border="0"></a></td></tr></table

関連するQ&A

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

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

  • 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> と縦に並んでいるインラインフレームをhtmlは変更せずに、 真ん中の「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
  • 目次つねに表示をするには・・・!?

    本を読んで <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
  • インラインフレームについて

    よろしくお願いいたします。 インラインフレームで、 <IFRAME src="●●.htm" name="kowaza_iframe" width="500" height="300" frameborder="0" scrolling="AUTO"> </IFRAME> とした場合、中に表示する●●.htmの高さが300以上だと、スクロールバーが表示されて、●●.htmがすべて表示されません。これをどんな大きさの●●.htmであっても、そのファイルをそのまま全体を表示することはできないでしょうか? それとも、そもそもインラインフレームでそのようなことは無理あのでしょうか?

    • ベストアンサー
    • HTML
  • インラインフレームの中が表示されません。

    メモちょうにタグを手打ちでHPを作っています。インラインフレームをつくり、main.htmlで保存しました。そしてhpというフォルダに入れました。もう1つ、news.htmlを作成し、同じフォルダに保存しました。newsを表示させると、ちゃんと表示されていました。mainを表示させると、インラインフレームの枠自体は表示されていたのですが、中に表示させたいnewsの内容が「ページが表示できません。」となり表示できませんでした。ちなみにmainに打ち込みしたソースは下のものです。 <DIV style="top : 287px;left : 20px; position : absolute; z-index : 14; width : 365px; height : 161px; visibility : visible; " id="Layer3"> <IFRAME src="news" border="1" frameborder="1" width="385" height="157" scrolling="AUTO" ></IFRAME></DIV> 自分ではどこが間違っているか分かりません! 助けてください!!!

  • インラインフレームの中央寄せについて

    ブログのサイドバーに、アマゾンのウィジェットを貼り付けています。 しかし、<iframe・・ align="center">にしても、中央寄せにならず、左寄せになっている状態です。 元のソースは以下になります。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?~(省略)~" marginwidth="0" marginheight="0" width="120" height="240" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe> どのようにすれば、サイドバーに中央寄せとなるのでしょうか? ご回答よろしくお願い致します。

  • レスポンシブデザインで、インラインフレーム

    ワードプレスでレスポンシブデザインで、インラインフレームを設置したのですが、 どうもうまくいきません。PCに合わせるとスマホがみだれ、逆にすると逆になります。 ようやくましな形にしましたが、PC側のインラインフレームの中が左に寄ってしまいます。 pcのメインの幅は600PXです。 それからスマホでスクロールバーでスクロールさせよと CSSハックを設置しましたが、こちらも効きません。 どうしたらよいのでしょうか? http://demo.kurafukudo.com/pc/ CSS div.frame, div.frame iframe[style], div.frame span { width: 100% !important; } @media screen and (max-device-width: 480px) { .frame div{height:300px; overflow:auto; -webkit-overflow-scrolling: touch;} } HTML <div class="frame"><iframe src="http://demo.kurafukudo.com/p_pc/" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"style="border-color:#000000; scrollbar-base-color: #ccff99;  scrollbar-arrow-color: #0000ff;">このページはインラインフレームを使用しております。未対応ブラウザは閲覧できませんのでご了承ください。 </iframe> 呼び出し先 <table width="90%" > <tbody> <tr> <th colspan="2"height="18"> SONY</th> </tr> <tr> <td width="50%" height="18">SDV13228DJ WB</td> <td width="50%" align="right">100,000</td> </tr> <tr> 省略

    • ベストアンサー
    • HTML
  • インラインフレーム

    初めまして。初歩的なことかもしれませんが、 よろしくお願いいたします。 私のHPは、メニュー部分をインラインフレームを使っています。 最初は、そんなにメニュー項目がなかったので、高さ設定をそんなに大きく取ってませんでしたが、メニューの項目を追加していくにあたり、設定していた高さでは足りなくなりました。 スクロールにはしたくありません。 毎回、高さ設定をしなおさずに、うまく入れられることは出きますでしょうか? ちなみに、インラインフレームのタグは、 <IFRAME name="menu" border="0" frameborder="0" marginheight="0" marginwidth="0" src="menu.html" width="143" height="1600" scrolling="no" title="メニュー">このページはインラインフレームを使用しています。</IFRAME> です。 よろしくお願いいたします。

  • Dragdealer JSの二つ以上の設置

    Dragdealer JSのScroll-barを二つ設置したいのですが、うまく動作しません・・ http://code.ovidiu.ch/dragdealer/を利用して、iframeがわりに(iphone,ipad対策)スクロールバーを設置したいと思っています。 一つは問題なく設置できたのですが、二つ以上の設置が上手くいかず困ってます。 http://code.ovidiu.ch/dragdealer/のソースを利用しています。 (例) <div class="top-spaced right-float"> <div id="scroll-bar" class="dragdealer rounded-cornered"> <div class="red-bar handle"></div> </div> </div> <div id="scroll-mask" class="top-spaced rounded-cornered"> <div id="scroll-content"> <iframe src="http://www.XXX.net/XX/XX_p.php" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" width="370" height="600"></iframe> </div> </div> <br> <div class="top-spaced right-float"> <div id="scroll-bar" class="dragdealer rounded-cornered"> <div class="red-bar handle"></div> </div> </div> <div id="scroll-mask" class="top-spaced rounded-cornered"> <div id="scroll-content"> <iframe src="http://www.XXX.net/XX/XX_p.php" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" width="370" height="600"></iframe> </div> </div> 上のように2つ設置すると、動作がうまくいきません・・・一つだったら問題なかったのですが、どこをどう変更・修正すれば良いか、もしご存知の方がいらっしゃいましたら、回答宜しくお願い致します。

  • インラインフレーム内の表示位置を修正できません

    インラインフレーム内の表示位置を修正できません  <iframe src="~.php" align="top" frameborder="1" scrolling="no" width="177" height="100" hspace="0" vspace="0" marginwidth="0"></iframe> というソースでインラインフレーム内に、アンカータグの列(phpで生成)を表示させたいのですが、 このアンカータグの列の表示位置が、インラインフレームの左上端から中央(右下)方向にずれてしまいます。 <iframeフレームの設定をあれこれ修正してみたのですが、うまくいくません。 解決策をどうか教えてください。

    • ベストアンサー
    • HTML

専門家に質問してみよう