Have a new function:
Code:
function cycleto(/*int*/ num){
partscollect[curpart].style.display="none"
curpart=num;
partscollect[curpart].style.display="block"
updatenav()
}
And edit updatenav():
Code:
function updatenav(){
document.getElementById("backbutton").style.visibility=(curpart==0)? "hidden" : "visible"
document.getElementById("forwardbutton").style.visibility=(curpart==partscollect.length-1)? "hidden" : "visible"
for(var i=0;document.getElementById("tobutton" + i);i++) document.getElementById("tobutton" + i).style.visibility == (i==curpart ? "hidden" : "visible");
}
Then:
Code:
<a href="javascript:cycleto(0);" id="tobutton0">Go to first part</a>
<a href="javascript:cycleto(1);" id="tobutton1">Go to second part</a>
<a href="javascript:cycleto(2);" id="tobutton2">Go to third part</a>
<!-- ... etc ... -->
Wrap the forward and back buttons in <div style="display:none;"> if you don't want them.
Bookmarks