Forum Moderators: open
hope that makes sense,
here is the javascript on top:
<script language="JavaScript" type="text/javascript">
<!--
var zxcPageAry=new Array();
function zxcInit(id){
zxcDivs=document.getElementsByTagName('DIV');
for (zxc0=0;zxc0<zxcDivs.length;zxc0++){
if (zxcDivs[zxc0].className=='Page'){
zxcPageAry[zxcPageAry.length]=zxcDivs[zxc0];
zxcDivs[zxc0].style.display='none';
}
}
zxcPageAry[0].style.display='block';
zxcPageAry[0].style.visibility='visible';
}
function ShowPage(nu){
for (zxc0=0;zxc0<zxcPageAry.length;zxc0++){
zxcPageAry[zxc0].style.display='none';
}
zxcPageAry[nu].style.display='block';
zxcPageAry[nu].style.visibility='visible';
}
//-->
</script>
i have it onload on the body tag, and in the html:
<div class="Page"><span onclick="ShowPage(0);"><img src="images/button_viewdetails.on.gif" width="116" height="20"></span>
<span onclick="ShowPage(1);"><img src="images/button_formdefaults.off.gif" width="150" height="20"></span>
<span onclick="ShowPage(2);"><img src="images/button_sessionhistory.off.gif" width="105" height="20"></span>
<span onclick="ShowPage(3);"><img src="images/button_dataadmin.off.gif" width="80" height="20"></span></div>
<div class="Page"><span onclick="ShowPage(0);"><img src="images/button_viewdetails.off.gif" width="116" height="20"></span>
<span onclick="ShowPage(1);"><img src="images/button_formdefaults.on.gif" width="150" height="20"></span>
<span onclick="ShowPage(2);"><img src="images/button_sessionhistory.off.gif" width="105" height="20"></span>
<span onclick="ShowPage(3);"><img src="images/button_dataadmin.off.gif" width="80" height="20"></span></div>
and so on for the other two pages...
Any suggestions?