人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Web上にHTMLで書いたページがあります。(ページA)
ページAは、テキストとテキストリンクだけ(<table>タグでレイアウトを整えている)の簡単な内容で、5?6行程度です。

Web上にある別のページBからページAを読み込み、ページBの特定の場所に、ページAの内容(見た目、リンク)をそっくり埋め込むことってできるでしょうか?

できればHTMLだけで書きたいです。
どんなソースを書けばいいか、教えてください。(解説ページの紹介でもOKです)

●質問者: uta_at_home
●カテゴリ:ウェブ制作
✍キーワード:HTML Web ソース タグ テキスト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● オーイェー
●100ポイント ベストアンサー

HTMLだけで簡単に行うなら、以下のような方法でどうでしょうか

例として、hoge.htmlを読み込むとします。

<iframe src="hoge.html">
読み込み失敗した場合の文字列
</iframe>

<object type="text/html" data="./hoge.html">
読み込み失敗した場合の文字列
</object>
◎質問者からの返答

ありがとうございます。

試してみたら、ばっちりできました。

<object>の方は、最初表示されなかったのですが、、、

<object type="text/html" data="./hoge.html" height=150 width=350>

と、サイズを指定したらうまく表示されました。

ちなみに、どちらの方法でも、フレーム枠のようなものが表示されますが、これを表示しない方法ってあるでしょうか?

理想を言えば、ページAを読み込んだ部分も背景色はページBの設定が生きていたりすると、さらにうれしいのですが・・・


2 ● yoko1980
●100ポイント

[枠を消す方法]

iframeタグに frameborder="0" scrolling="no" プロパティを追加して下さい

ページBの背景色をiframeで呼び出したページAに反映する事はできません

◎質問者からの返答

ありがとうございます。

枠消せました!

さらに、yoko1980さんに教えてもらったプロパティを下記ページで確認していたところ、、、

http://www.tohoho-web.com/html/iframe.htm

ページBの背景色をiframeで呼び出したページAに反映する方法も載っていました。

ページAの<body>タグに、bgcolor="transparent"を追加。

その上で、ページBの<iframe>タグに、allowtransparency=TRUEプロパティを追加。

yoko1980さんに教えてもらった、frameborder="0" scrolling="no" プロパティも忘れず追加。

で、見事ページA読み込み部分もページBの背景色になりました。

これで私のやりたかったことはすべて解決です。

OhYeahさん、yoko1980さん、ありがとうございました。m(_"_)m

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ