Avatar billede dnm Nybegynder
13. april 2005 - 12:31 Der er 1 kommentar

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`?

???
Avatar billede roenving Novice
13. april 2005 - 23:47 #1
Spørgsmålet kan besvares med: Nej !-)

-- og grunden til det er, at du på mange måder har fået lavet et noget uhensigtsmæssigt script, selv om det er en god øvelse i at få bygget noget html op via javascript ...

-- den direkte grund er, at man ikke kan bruge document.write på et åbent dokument, så derfor er det den umulige opgave !o]

-- men hvornår er det du ønsker, at menuen skal genereres, for på nogle leder ligner det noget, du får fra noget server-side kode, mens hele grundideen virker som om, du ønsker det skal skifte uden at der reloades ?-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester