[新着] Webテンプレートを仮オープンしました
<html>
<head>
<title>ページ送りのテスト</title>
<script type="text/javascript">
<!--
var str = "test"; //数字の前に付ける名前
selfurl = window.location.pathname;
xx = selfurl.split("/"); xx.reverse();
yy = xx[0].split("."); num = yy[0].slice(str.length);
function next(){
num = ++num;
nexturl = str + num +'.html';
location.href = nexturl;
}
function back(){
if( num != 01 ){
num = --num;
backurl = str + num +'.html';
location.href = backurl;
}
}
//-->
</script>
</head>
<body>
<form name="F1">
<table width="300" border="0" cellspacing="2" cellpadding="0"><tr>
<td align="left"><input type="button" value="戻る" onClick="back()"></td>
<td align="right"><input type="button" value="進む" onClick="next()"></td>
</tr></table></form>
</body>
</html><html>
<head>
<title>test1</title>
<script type="text/javascript">
<!--
selfurl = window.location.pathname;
xx = selfurl.split("/"); xx.reverse();
yy = xx[0].split("."); num = yy[0];
function next(){
num = ++num;
if(num < 10) { num = "0" + num; }
nexturl = num +'.htm';
location.href = nexturl;
}
function back(){
if( num != 01 ){
num = --num;
if(num < 10) { num = "0" + num; }
backurl = num +'.htm';
location.href = backurl;
}
}
//-->
</script>
</head>
<body>
<table width="300" border="0" cellspacing="2" cellpadding="0"><tr>
<td align="left"><a href="#" onClick="back()">戻る</a></td>
<td align="right"><a href="#" onClick="next()">進む</a></td>
</tr></table>
</body>
</html>
)が不明ですから、例えば１ページ目には、<a href="04.htm">前頁</a> | <a href="06.htm">次頁</a>
が紹介されておりますが、同サイトの他の記事としては http://members.jcom.home.ne.jp/pctips/www/MarkUp.html が特に参考になると思います。function initMenu() {
if (!document.getElementById("menu")) return;
document.getElementById ("menu").innerHTML = "<table width='300' border='0' cellspacing='2' cellpadding='0'><tr><td align='left'><a href='#' onClick='back()'>戻る</a></td><td align='right'><a href='#' onClick='next()'>進む</a></td></tr></table>";
}
selfurl = window.location.pathname;
xx = selfurl.split("/"); xx.reverse();
yy = xx[0].split("."); num = yy[0];
function next(){
num = ++num;
if(num < 10) { num = "0" + num; }
nexturl = num +'.htm';
location.href = nexturl;
}
function back(){
if( num != 01 ){
num = --num;
if(num < 10) { num = "0" + num; }
backurl = num +'.htm';
location.href = backurl;
}
}li{
display:inline;
}<img src="http://www.google.co.jp/images/logo_sm.gif" alt="google">
進む 戻る
<ul> <li>進む</li><li>戻る</li> </ul>
li{
list-style: none;
display: inline;
}<html>
<head>
<title>ページ送りテスト</title>
<script type="text/javascript" src="test.js"></script>
<style type="text/css">
<!--
li{ list-style: none; display: inline; }
// -->
</style>
</head>
<body onload = initMenu();>
<div style="position:absolute;top:300px;" id="menu" align="center">ここに出る</div>
</body>
</html>function initMenu() {
if (!document.getElementById("menu")) return;
document.getElementById ("menu").innerHTML = "<ul><li><a href='#' onClick='back()'>戻る</a></li><li><a href='#' onClick='next()'>進む</a></li></ul>";
}
selfurl = window.location.pathname;
xx = selfurl.split("/"); xx.reverse();
yy = xx[0].split(".");
function next(){
var num = yy[0];
num = ++num;
if(num < 10) { num = "0" + num; }
nexturl = num +'.htm';
location.href = nexturl;
}
function back(){
var num = yy[0];
if( num != 01 ){
num = --num;
if(num < 10) { num = "0" + num; }
backurl = num +'.htm';
location.href = backurl;
}
}<!-- スクリプト有効環境はこっち -->
<script type="text/javascript">
(function (n) {
if (n)
document.write (
'<ul>'
+ '<li><a href="' + (parseInt (n) - 1) + '.html" rel="prev">前<\/a><\/li>'
+ '<li><a href="' + (parseInt (n) + 1) + '.html" rel="prev">次<\/a><\/li>'
+ '<li><a href="contents.html" rel="contents">目次<\/a><\/li>'
+ '<\/ul>'
);
} )(location.pathname.split ('/').reverse ()[0].match (/\d+/));
</script>
<!-- スクリプト無効環境はこっち -->
<noscript>
<ul>
<li><a href="1.html" rel="prev" title="第一章">前</a></li>
<li><a href="3.html" rel="next" title="第三章">次</a></li>
<li><a href="contents.html" rel="contents">目次</a></li>
</ul>
</noscript><!-- HTML 文書の任意の位置に以下を埋め込む --> <!--#exec cmd="navi.cgi"-->
#!/usr/bin/perl
use strict;
package main;
{
my $u = $ENV{DOCUMENT_URI};
$u =~ s/.*(\d+).s?html?$/$1/i;
my $prev = ($u - 1) . ".html";
my $next = ($u + 1) . ".html";
print <<__________HTML_DATA__________;
<ul>
<li><a href="$prev" rel="prev">前</a></li>
<li><a href="$next" rel="next">次</a></li>
<li><a href="contents.html" rel="contents">目次</a></li>
<ul>
__________HTML_DATA__________
exit 0;
}function initMenu() {
if (!document.getElementById("menu")) return;
(function (n) {
document.getElementById ("menu").innerHTML = (
'<ul>'
+ '<li><a href="' + setNum(parseInt (n,10) - 1) + '.htm" rel="prev">前頁<\/a><\/li>'
+ '<li> <a href="contents.htm" rel="contents">目次<\/a><\/li>'
+ '<li> <a href="' + setNum(parseInt (n,10) + 1) + '.htm" rel="next">次頁<\/a><\/li>'
+ '<\/ul>'
);
} )(location.pathname.split ('/').reverse ()[0].match (/\d+/));
}
function setNum(num){
num = "0"+num;
return num.substr(num.length-2,2);
} <html>
<head>
<title>ページ送りテスト</title>
<script type="text/javascript" src="test.js"></script>
<style type="text/css">
<!--
li{ list-style: none; display: inline; }
div{ position:fixed; bottom:10px; left:40%;}
-->
</style>
</head>
<body onload = initMenu();>
<div id="menu"><a href="contents.htm">目次</a></div>
</body>
</html><a href="04.htm">前頁</a> | <a href="06.htm">次頁</a> リンク記述を自動化しても、コンテンツはその都度書くわけだし、 コンテンツを書くときに、数字を２箇所入れ替えるだけの話。 これで、全てのユーザーがハッピーになる。
に発言させて頂きました。と同じ現象かもしれないように思えました。