- 締切済み
日記をインラインフレームに表示したい
多数ある日記(テキストファイル)を一ページずつインラインフレームに表示したいんです <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>・・ の羅列も考えたのですが、日記はどんどん増えそうなのでテキストファイルの”,”の前の番号で管理したいのです。 ボタン”次へ”を押すと次のページを表示する感じにしたいです いろいろ参考を探してみたのですがピッタリなのがなくって・・悩んだ挙句質問にきました。お願いします
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<!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>