文系でHTMLしかわからない者です。

Question

文系でHTMLしかわからない者です。 htmlファイルに、みたいなタグを記述して、HTMLファイルを呼び出したいと考えています。いろいろサイトをググってみたら下記のようなソースをみつけました。これを実装すると、「WEB Artisan」が出力されるようになったのですが、ここをhtmlファイルにするにはどうすればいいのでしょうか。非常に初歩的な質問かもしれませんが、ご指導の程、よろしくお願いいたします。

hogehoge78 · Accepted Answer

どうも、結構根が深い話ですね。

・外部サイトのコンテンツを取り込む
⇒これについては、PHPでは、下記のようにします。
<?php

$html = file_get_contents('http://example.com/include.html'); //読み込ませたいURL

?>
これで$htmlにコンテンツの内容が全部取得出来ます。

・取得したコンテンツの一部分を取得したい
⇒正規表現を使うなり何らかのライブラリ（phpQueryとかsimple_html_dom_parserとかそんな）をつかって必要箇所のみ取得してくる必要があります。


この二点をクリアした前提で、
取得した、コンテンツに含まれるCSSと、必要コンテンツを取り込んできて、HTMLに出力する必要があります。
それをJavascriptを使うことで簡単にすまないかと考えたのだと思いますが、
JavascriptでAjax（非同期通信）を行う場合は、外部のドメインないのコンテンツは引っ張れないので、どうにもできません。

$htmlで取得したコンテンツを適当なファイルに保存してキャッシュしてそれをJavascriptでいじるというのも出来ないことはないですが、取得してきたコンテンツ内のCSSのパスが相対パスで記述されていたりしたら、それを結局いじらなければならなかったりと、それなりに面倒が発生すると思います。

bm_hiro · Answer

えーっと、イマイチ把握し切れていませんが、一応、書き直してみました。 ------------------------------------------------- ○ test.htm を以下の一行だけに変更。 ------------------------------------------------- ------------------------------------------------- ------------------------------------------------- ○ sample2.php は変更なし ------------------------------------------------- ------------------------------------------------- ○ include.htm は #4の補足でそちらが書いたものに変更 ------------------------------------------------- ------------------------------------------------- ○ hoge.css を追加(これも一行のみのファイル) ------------------------------------------------- div { font-style:italic; } ------------------------------------------------- これで、一応表示はしてくれているものの、自分自身でもいろいろ疑問が残るシロモノとなっております。。 IE、Firefox、Safari、Chrome、Slepnir で動作確認しましたが、いずれも、 test.htm で、include.htm の内容を表示してくれます。はしょってもブラウザが補完してくれてるっぽいです。

bm_hiro · Answer

> HTMLファイルを呼び出したいと考えています。
> CSSファイルを読み込ませたいのです。

どっちやねーーーーーーーんっ！という俺の心の叫びは置いといて。。。

<link rel="stylesheet" href="hoge.css" type="text/css" />
↑これでは ダメな理由があって、ここに質問されている事だとは思いますが、
正直、俺の頭では 何をしたいのかが よく分からなくなりました。

既にHTMLのページとして存在しているページのCSSを、
別のページからJavaScriptで読み込んで、別のページのCSSとして使いたいと言うことでしょうか？

もう少し、相手に伝わるように再度 新規にご質問いただくか、他の方の回答をお待ちください。

bm_hiro · Answer

#1です。ちょっと軽く考えすぎていました。シングルクォート、ダブルクォート、改行コードを細工してやらないといけませんでした。一応、読み込み対象のHTMLでもある程度の約束事は必要になるかとは思います。普通に表示しているページだとするととかが二重に存在する事になりますので。と言う事で、検証済みの動くサンプルです。 ------------------------------------------------- test.htm ------------------------------------------------- ------------------------------------------------- ------------------------------------------------- sample2.php ------------------------------------------------- ------------------------------------------------- ------------------------------------------------- include.htm -------------------------------------------------

我輩はパンダである。
名前はまだない。

------------------------------------------------- sample2.php の 2行目と3行目のURLはどちらか好きなほうで試してみてください。

yambejp · Answer

HTMLにインクルードする仕組みはありません。
したがって、今のようにjavascriptで組み込むか、
html自体がphpとして機能するようにサーバーを設定するかの
どちらかになると思います

bm_hiro · Answer

んーー、俺の解釈が間違ってたらすみません。

> これを実装すると、「WEB Artisan」が出力されるようになったのですが

つまりは、その「WEB Artisan」のところに、そちらの記述したいHTMLを読み込んであげればいいわけですね？

だとしたら、こんな感じです。

<?
header("Content-type: application/x-javascript");
$out = implode("
" , file("読み込みたいHTMLファイル名"));
echo "document.write("$out")";
?>

なお、動作確認はしておりません。

文系でHTMLしかわからない者です。

どうも、結構根が深い話ですね。

えーっと、イマイチ把握し切れていませんが、

> HTMLファイルを呼び出したいと考えています。

この回答への補足

#1です。

この回答への補足

HTMLにインクルードする仕組みはありません。

んーー、俺の解釈が間違ってたらすみません。

この回答への補足

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング