Tab menu
Jeg er igang med en tab menu, grafisk ser det fint ud, men jeg vil meget gerne vide om der er nogen der har en ide til hvordan jeg får den til at virke.Jeg har lavet en funktion som generere det grafiske.
------------
function tabs(active,tab0,tab1,tab2,tab3,tab4,tab5,tab6,tab7,tab8){
var tabs=new Array(8);
tabs[0] = tab0;
tabs[1] = tab1;
tabs[2] = tab2;
tabs[3] = tab3;
tabs[4] = tab4;
tabs[5] = tab5;
tabs[6] = tab6;
tabs[7] = tab7;
tabs[8] = tab8;
var output;
var insw;
insw = "";
output = "";
for (i=0; i<9; i++){
insw = "in";
if (i==active){
insw = ""
}
if (tabs[i]!=undefined) {
output = output+"<td width='1'><img src='images/Seperator.jpg'></td>";
output = output+"<td width='6'><img src='images/"+insw+"Active_Left.jpg' width='6' height='25'></td>";
output = output+"<td class='"+insw+"activeTab'><strong> "+tabs[i]+" </strong></td>";
output = output+"<td width='6'><img src='images/"+insw+"Active_Right.jpg' width='6' height='25'></td>";
}
}
output = output+"<td width='1'><img src='images/Seperator.jpg'></td>";
return output;
}
</script>
----------------------------
Som man benytter således:
----------------------------
<table border="0" height="25" cellspacing="0" cellpadding="0" style="cursor:hand;"><tr><script>document.write(tabs(0,'Active','inactive','inactive'));</script></tr></table>
----------------------------
Men er der nogen der ved hvordan jeg får den til at skifte mellem inactive og active grafik når man klikker på tabs'ne`?
???
