Automagic Previous / Next Links

[Ian Rastall]

I do a site where I have a previous and next link at the bottom of
every page. It looks like:

<p><a href="foo01.htm l">Previous</a> | <a href="foo03.htm l">Next</a></p>

Seeing as they're always in sequential order, is there a way to
automagically go to the previous file or the next file using JS?

Ian
--
http://sundry.ws

[Evertjan.]

Ian Rastall wrote on 18 mrt 2006 in comp.lang.javas cript:

I do a site where I have a previous and next link at the bottom of
every page. It looks like:

<p><a href="foo01.htm l">Previous</a> | <a href="foo03.htm l">Next</a></p>

Seeing as they're always in sequential order, is there a way to
automagically go to the previous file or the next file using JS?

Using serverside J(ava)script/ASP:

<%@ language="jscri pt"%>
<%
thisOne = request.serverv ariables('SCRIP T_NAME')
thisNumber = +thisOne.replac e(/.*?\//g,'').replace(/\D+/g,'')

nextNumber = ++thisnumber
if(nextNumber<0 ||nextNumber>99 )nextNumber=0
nextNumber = (nextNumber<10) ?'0'+nextNumber :nextNumber

//about the same for lastNumber

%>

<a href="foo<%=las tNumber%>.html" >Previous</a> |
<a href="foo<%=nex tNumber%>.html" >Next</a>

Not tested

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Ian Rastall]

Evertjan. wrote:

Using serverside J(ava)script/ASP:

Hi Evertjan. I've never used server-side JS, and don't know if
AffordableHost uses it. (I'd have to ask.) Two questions:

1. Would it require me to change the extensions?
2. Can it be done client-side?

What I'm trying to do is make every page as close to the same as
possible. I'm working with over 2,500 files right now, and doing them
by hand.

I wonder if a preprocessor would work, but that's a question for
CIWAH, I imagine.

Ian
--
http://sundry.ws

[David Dorward]

Ian Rastall wrote:

Evertjan. wrote:

Using serverside J(ava)script/ASP:

1. Would it require me to change the extensions?
That depends on the host
2. Can it be done client-side?
Then it would break if client side scripting was unavailable or turned off
(this covers a significant number of users and all major search engine
indexers).
I wonder if a preprocessor would work,
Probably
but that's a question for CIWAH, I imagine.

You could write one in JavaScript :)

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Ian Rastall]

David Dorward wrote:

Ian Rastall wrote:

2. Can it be done client-side?

Then it would break if client side scripting was unavailable or turned off
(this covers a significant number of users and all major search engine
indexers).

Okay, here's an idea. This is along the lines of graceful degradation.
If I coded the "Previous | Next" entirely in JS, including the HTML
bits, it would simply not be there if the user had JS turned off, and
they would just go back up to the top of the file and refer to the
table of contents. Not as handy, but still useable. The site wouldn't
break.

So *is* this something that can be done client-side? I've realized
that a pre-processor would be almost as much trouble, and the reason I
ask about JS is so I don't have to change the extensions. I have no
idea how I would redirect 2,500 pages from .html to .php or something,
unless there were a way to do it in .htaccess. Granted, most people
probably have only the front page bookmarked, but still....

Ian
--
http://sundry.ws

[TheBagbournes]

Ian Rastall wrote:

I do a site where I have a previous and next link at the bottom of every
page. It looks like:

<p><a href="foo01.htm l">Previous</a> | <a href="foo03.htm l">Next</a></p>

Seeing as they're always in sequential order, is there a way to
automagically go to the previous file or the next file using JS?

Ian

Look at top.location.hr ef (which will be something like
"http://host/root/whatever/foo03.html")

Parse out the number, put the new number into that string and put it
into top.location.hr ef.

[Ian Rastall]

TheBagbournes wrote:

Look at top.location.hr ef (which will be something like
"http://host/root/whatever/foo03.html")

Parse out the number, put the new number into that string and put it
into top.location.hr ef.

Thanks! I'm definitely not sleeping now. :-)

Ian
--
http://sundry.ws

[Ian Rastall]

TheBagbournes wrote:

Parse out the number, put the new number into that string and put it
into top.location.hr ef.

Okay, I'm making progress, but I'm a bit stuck. The bottom of the page
looks like:

<a href="#" onclick="previo us();">Previous </a> | <a href="#"
onclick="next() ;">Next</a></p>

and in the <script> section, for the first function, there's:

var addy = top.location.hr ef;
function previous() {
var result1 = addy.indexOf(". html");
var num1 = addy.substring( result1-3,result1);
if(isNaN(num1)) {
num1 = addy.substring( result1-2,result1);
}
num1--;
}

I know it's a mess. The problem is, it's a string up until it gets
decremented, at which time it becomes a number, and loses the leading
0. This won't always be a problem, but it will whenever there's a
leading zero. I also have no idea how to put the number back into the
string. Am I going about this the wrong way?

Ian
--
http://sundry.ws

[Evertjan.]

Ian Rastall wrote on 18 mrt 2006 in comp.lang.javas cript:

Evertjan. wrote:

Using serverside J(ava)script/ASP:
Hi Evertjan. I've never used server-side JS, and don't know if
AffordableHost uses it. (I'd have to ask.) Two questions:

1. Would it require me to change the extensions?

You would need a server with ASP. The extensins are usually .asp but could
be set to anything.
2. Can it be done client-side?
Sure, but not as nice and not as usefull.

[php would be just as good as ASP, but that is not j(ava)script]
What I'm trying to do is make every page as close to the same as
possible. I'm working with over 2,500 files right now, and doing them
by hand.
2,500 files without serverside programming does not sound very usable.

With serverside ASP and includes, you write only one include file and
include the file in all 2,500.
I wonder if a preprocessor would work, but that's a question for
CIWAH, I imagine.

Don't know anythng about that.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Evertjan.]

Ian Rastall wrote on 18 mrt 2006 in comp.lang.javas cript:

TheBagbournes wrote:

Parse out the number, put the new number into that string and put it
into top.location.hr ef.

Okay, I'm making progress, but I'm a bit stuck. The bottom of the page
looks like:

<a href="#" onclick="previo us();">Previous </a> | <a href="#"
onclick="next() ;">Next</a></p>

and in the <script> section, for the first function, there's:

var addy = top.location.hr ef;
function previous() {
var result1 = addy.indexOf(". html");
var num1 = addy.substring( result1-3,result1);
if(isNaN(num1)) {
num1 = addy.substring( result1-2,result1);
}
num1--;
}

I know it's a mess. The problem is, it's a string up until it gets
decremented, at which time it becomes a number, and loses the leading
0. This won't always be a problem, but it will whenever there's a
leading zero. I also have no idea how to put the number back into the
string. Am I going about this the wrong way?

Yes you are.

Look at my earlier serverside code and use the same clientside:

=============== =============== ==

var thisNumber = top.location.hr ef;
thisNumber = +thisOne.replac e(/.*?\//g,'').replace(/\D+/g,'')

var lastNumber = thisnumber-1
if (lastNumber <0) lastNumber = 0
lastNumber = (lastNumber <10) ? '0'+lastNumber : lastNumber

document.write( '<a href="foo'+last Number +'.html">Last</a> |')

var nextNumber = thisnumber+1
if(nextNumber<0 ||nextNumber>99 )nextNumber=0
nextNumber = (nextNumber<10) ?'0'+nextNumber :nextNumber

document.write( '<a href="foo'+next Number+'.html"> Next</a>')

=============== =============== ===

not tested

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)