Question

Hi I have 2000 html files in one folder and their names follow upon each other like this:

01_001.html
01_002.html
01_003.html
01_004.html
02_001.html
02_002.html
02_003.html
…………..
33_001.html
33_002.html
33_003.html
…………..
33_123.html

I would like to add add a link/script to all 2000 HTML files that will dynamically go to the next/previous HTML page in the same folder

I know how to add this in PERL, but what should that kind of link/script look like in JavaScript/jQuery

I have tried this script:

<a href="#" onClick="movePrv();">Previous</a> end <a href="#" onClick="moveNext();">Next</a>

But it does not work. Any ideas?

Answer 1

A solution in PHP might look like this:

<?php
$file = basename(__FILE__);
$chap = substr($file, 0, 2);
$cat = substr($file, 3, 3);
$prevFile = sprintf("%1$02d_%2$03d.php", $chap, ($cat-1));
$nextFile = sprintf("%1$02d_%2$03d.php", $chap, ($cat+1));
echo($prevFile);
echo($nextFile);

$isFirst = ($cat == "000");
$isLast = !file_exists($nextFile);
?>

Use the variables $nextFile and $prevFile to create Links. You might also want to check whether the current file is the first or last in a chapter and then not to show a previous or next link.