多数ある日記(テキストファイル)を一ページずつインラインフレームに表示したいんです
<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>・・
の羅列も考えたのですが、日記はどんどん増えそうなのでテキストファイルの”,”の前の番号で管理したいのです。
ボタン”次へ”を押すと次のページを表示する感じにしたいです
いろいろ参考を探してみたのですがピッタリなのがなくって・・悩んだ挙句質問にきました。お願いします
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- PHP PHP MySql ページング 2 2022/09/20 06:38
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/07/16 14:36
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- Excel(エクセル) Excelにて、フォルダ内のTextファイルをマクロで統合すると文字化けしてしまう時の解消コード 4 2023/01/01 07:32
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS brにクラスをつけてcssでdisplay:none;としても改行されてしまいます 2 2022/06/22 14:45
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/08/08 15:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
HTMLソースからURLだけを抜き出...
-
本番環境とテスト環境のURL
-
相対パスと絶対パスの速度
-
リンクに飛ばない・・・
-
プルダウンメニューからリンク...
-
chromeでの擬似クラス:focus に...
-
同意を求めて、次のページに進...
-
URLでEXEを呼出した際の、引数...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
javascriptでalertの文字列をコ...
-
ウインドウの後ろに隠れている...
-
cssにjavascriptを入れる?呼び...
-
Vbscriptで自分自身のウィンド...
-
複数のページ(html)のvalueを...
-
文字を入れ替わり表示させたい...
-
document.getElementById
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
<META HTTP-EQUIV='refresh' CO...
-
フレームだけ閉じる方法ありま...
-
html メールリンクにて自動ファ...
-
<a href>での背景色について。
-
HTMLアプリでインラインフレー...
-
iPadのロングタップ(長押し)...
-
リンクに飛ばない・・・
-
プルダウンメニューからリンク...
-
ある一定時間操作していない場...
-
POSTで<a hrefを送る方法について
-
mailto + 変数名
-
個別にハイパーリンクの色を指...
-
chromeでの擬似クラス:focus に...
-
エクスプローラ風階層構造のhtml
-
特定リファラからのアクセスを拒否
-
時間によってリンク先を変える...
おすすめ情報