こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

日記をインラインフレームに表示したい

多数ある日記(テキストファイル)を一ページずつインラインフレームに表示したいんです

<a href="001,日記.txt" target="test"></a><br>
<iframe src="top.htm" name="test" width="200" height="150">

日記のファイル名は”001,日記.txt”など","で区切られています。
<a href="001,日記.txt" target="test"></a><br>
<a href="002,日記.txt" target="test"></a><br>・・
の羅列も考えたのですが、日記はどんどん増えそうなのでテキストファイルの”,”の前の番号で管理したいのです。
ボタン”次へ”を押すと次のページを表示する感じにしたいです
いろいろ参考を探してみたのですがピッタリなのがなくって・・悩んだ挙句質問にきました。お願いします

投稿日時 - 2006-05-18 00:27:16

QNo.2158120

暇なときに回答ください

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>日記</title>
<style>
<!--
-->
</style>
<script type="text/javascript"><!--
var page=1;
function next(){
var n = zeroFormat(++page, 3);
document.getElementById("diary").src= n + ",日記.txt";
}
function prev(){
if(page == 1) return;
var n = zeroFormat(--page, 3);
document.getElementById("diary").src= n + ",日記.txt";
}
function zeroFormat(n, w){
n = n.toString();
while(n.length < w){
n = "0" + n;
}
return n;
}
//-->
</script>
</head>
<body>
<iframe id="diary" src="001,日記.txt" name="test" width="200" height="150"></iframe><br>
<button type="button" onclick="prev()">前へ</button>
<button type="button" onclick="next()">次へ</button>
</body>
</html>

投稿日時 - 2006-05-18 03:17:14