Adding "Next Topic" and "Previous Topic" Buttons to 130 webpages, code not working unless alerted fi

Posted by John Guise on Stack Overflow See other posts from Stack Overflow or by John Guise
Published on 2010-05-11T23:32:29Z Indexed on 2010/05/11 23:34 UTC
Read the original article Hit count: 329

Filed under:

I have put "Next Topic" and "Previous Topic" ( fixed)on each web page so you can click to move one page back or forward through the web site.

Here is the code:

$(document).ready(function($){ $("#fixed").prepend(''); $("#fixed").prepend(''); $('#nt').css({'position':'relative','top':'0','left':'24px','font-size':'9px'}); $('#pt').css({'position':'relative','top':'0','left':'0','font-size':'9px'});

var fname = document.location.href; var thistopic = (fname).split('/').pop(); alert(thistopic);

var nexttopic = $('#jsddm li a'); nexttopic.each(function(index) { var ref = $(this).attr('href'); if (ref == thistopic){ var num =(index) }else{ return; }

var flnk =($(nexttopic)[num+1].getAttribute('href', 2)); var blnk =($(nexttopic)[num-1].getAttribute('href', 2)); $('#nt').live('click', function(){ location.href=flnk; }); $('#pt').live('click', function(){ location.href=blnk; }); }); });

id=nt is the "Next Topic" Button,id=pt is the "Previous Topic" Button

flnk is the HREF of the next topic page, blnk is the HREF of the prvious topic page.

HREFs are grabbed from - ul#jsddm li ul li a - a large unordered list menu.

This code works correctly if I have the eighth line included "alert(nexttopic)" If I take this line out (which I want to, as I do not want alert box popping up) - then the code will not work.

Can anybody put me right please, so the buttons work without "alert(nexttopic)" line included

© Stack Overflow or respective owner

Related posts about jQuery