Lave element "active" fra javascript

Genererer du noget af dette på serveren med f.eks. ASP eller PHP? I så fald kan du vel der bestemme hvilken CSS class, der skal på det enkelte billede...

Hvis det hele foregår på klienten, så har du forskellige muligheder for at styre hvilke styles de forskellige elementer har, men det ville være lettere at hjælpe dig videre, hvis man kunne se hvad du har lavet indtil nu. Det er svært at vide hvordan du har implementeret siden "so far"...

Hej softspot

Det hele forgår på klienten, alle billedenavne og tekster ligger i et array. Jeg har desværre ikke mulighed for at ligge det på en webserver der kan tilgåes.

Her er mit java script:

        var valgtBillede = 1;       
        var billeder = new Array();
        <asp:Literal id="javaScriptArray" Runat="Server"/>
       
        function skift(nr)
        {
            var tmp
            if(nr == '+')
            {
                tmp = (parseInt(valgtBillede));
                nr = tmp + 1;
            }
            if(nr == '-')
            {
                tmp = (parseInt(valgtBillede));
                nr = tmp - 1;
            }
            document.Form1.<%=hovedebillede.ClientID%>.src = '<%=sti%>/<%=valgtGalleri.Text%>/stor/' + billeder[nr][0];
            document.getElementById('<%=hovedetekst.ClientID%>').innerHTML = billeder[nr][1];
            valgtBillede = nr;

        }

Har du også en måde at identificere dine billedevælgere (tallene hvor du direkte kan vælge hvilket billedenr du vil se), f.eks. med et id á la

<a href="#" onclick="return skift('-')">forrige</a>
<a id="picno_1" href="#" onclick="return skift(1)">1</a>
<a id="picno_2" href="#" onclick="return skift(2)">2</a>
<a id="picno_3" href="#" onclick="return skift(3)">3</a>
<a href="#" onclick="return skift('+')">næste</a>

så kunne din skift-funktion jo hente style for den aktuelt valgte billedevælger og sææte style til normal, derefter skifte til det nye billede og sætte style på den nye billedevælger. På den måde har du centralt klaret problemet...

Men kan jeg sætte et element til den active style?

eks.

document.getElementById(billeder[nr][2]).style.link_style.active

eller noget ligende?

Det lyder som en class. Den kan du sætte ved at kalde flg.

document.getElementById(billeder[nr][2]).className = "active";

Det er dog ikke anbefalelsesværdigt, da det efter sigende performer væsentlig dårligere end at sætte de style-attributter du ønsker at ændre direkte. Hvis det f.eks. kun er baggrundsfarven og tekstfarven du vil ændre, så bør du altså bruge flg.

document.getElementById(billeder[nr][2]).style.backgroundColor = '#ff0000';
document.getElementById(billeder[nr][2]).style.color = '#00ff00';

eller hvilken farve du nu ønsker at sætte. Med det er vel heller ikke så galt hvis det kun skal vedligeholdes et sted (i skift-funktionen)...?

-- og så opfører browserne sig bestemt ikke ens med hensyn til :active ...

-- for IE holder et link aktivt indtil et andet element på samme side får fokus på den ene eller anden måde, mens de fleste andre browsere kun holder et link aktivt mens museknappen holdes nedtrykket !-)

roenving: Er det softspots kommentar du har kommenteret?

Hvad bør jeg så gøre?

>>pnr

-- virker din oprindelige metode på andre browsere end IE ?-)

Når du skriver min "oprindelige medtode" hvilken metode hentyder du så til?

Spørgsmålsteksten ...

Det virker fint i de browser jeg har testet i (IE, Firefox og safari)

softspot smid et svar så er der point

OK, det får du her så... :)

Tak for point :)