更新履歴やニュースなどを載せるトピックスを作ろうと
思っています。
そこで、htmlに外部テキストを読み込ませて、テキストデータを
変更するだけで簡単に更新する方法はありますか?
またその方法を教えてください。
お願いします。
SSIが利用可能な環境であればそれが一番手っ取り早いと思われます。
http://www.tohoho-web.com/wwwssi.htm
また、SSIを利用するにはそのHTMLファイルの拡張子を .shtml にする必要があることもあります。
インラインフレームというのがあります。
詳しくはこちらにありますのでご覧下さい。http://siriasu.s10.xrea.com/webtips/tips11.htm
また、ホームページビルダーをお使いでしたら、非常に簡単に作れます。
ありがとうございます。
ホームページビルダーは使っていないのですが
参考になりました。
JavaScriptのdownloadビヘイビアを使用すると、外部テキストデータを扱うことができます。
http://home.impress.co.jp/books/urawaza/tipsdic/sample175-20...
インプレス ホームページ裏ワザ大辞典 ソース掲載サイト
http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_behavior...
ACCESS R - HTML,DHTML,CSS,JavaScript,CGI,アクセス
こんなのがいいと思います。
~HTMLソース~
----------------------------------------------------------
<head>
<style type="text/css">
div#message {
behavior: url(#default#download); // これは読み込みのために必要
border: 2px solid #E09000; padding: 0.5em; // 後は自由に飾りつけ
background-color: white; // CSSを使用すると良い
}
</style>
<script type="text/javascript">
function startDL () {
var obj = document.getElementById("message");
obj.startDownload("info.txt", doneDL)
// ↑このテキストファイルを読む
}
function doneDL (text) {
var obj = document.getElementById("message");
if(!text) text = "";
obj.innerHTML = text;
}
</script>
</head>
<body onload="startDL();"> // ページ読み込み時に実行
<div id="message"></div> // ここのdiv要素に出力される
</body>
----------------------------------------------------------
~テキストデータの例(info.txt)~
08/26 サイトをリニューアルオープン!
----------------------------------------------------------
テキストデータはタグの使用ができます。
一括して飾り付けをしたければ、div要素にcssなどをつけるといいと思います。
downloadに失敗したかどうかを確認する方法はありません。
※ ちなみにテキストデータを読み込む際、「違うサーバーにあるテキスト」を指定すると
(別のサーバーのURLを指定)セキュリティエラーになります。
ありがとうございます。
とても参考になりました。
RSSなどを利用するというのはどうでしょうか?
例えば、更新履歴を書くためのブログを作って、
そのブログのRSSを上記サイトに登録、
生成されたタグを好きなページに貼り付けるとかで出来ると思います。
こうすれば、ブログに記事を書くだけで、
自動的にトップページの更新履歴も更新されるかと・・。
RSSですか。
なんか難しそうですけど参考になりました。
ありがとうございます。
返答ありがとうございます。
しかし、できればメモがいいのです。