Endre klasse på ListItem (LI)

[Stian Jacobsen]

Noen som har mulighet til å hjelpe meg med en sak?

Jeg har en liste som er slik ut:

<div id="liste">
<ul>
 <li><a href="#">Liste punkt 1</a></li>
 <li><a href="#">Liste punkt 2</a></li>
 <li><a href="#">Liste punkt 3</a></li>
 <li><a href="#">Liste punkt 4</a></li>
</ul>
</div>

 

Jeg ønsker at når jeg trykker på en av punktene, så skal jeg endre klassen til "aktiv". Men når jeg da f.eks trykker på "Liste punkt 4", må den forige LI'en gå tilbake til å ikke ha noen klasse..

 

Håper på svar

[geir__hk]

Hva med f.ex

<a href="#" active=false>Liste punkt 1</a>

 

og så endrer du bare active-variabelen ettersom.

[Stian Jacobsen]

Hva med f.ex

<a href="#" active=false>Liste punkt 1</a>

 

og så endrer du bare active-variabelen ettersom.

7932269[/snapback]

Det er ikke det jeg er ute etter... Som sakt, skal legge til klassen "aktiv"

[Kagee]

<script type="text/javascript">
function sel(t) {
var ar = new Array()
ar[0] = "L1"
ar[1] = "L2"
ar[2] = "L3"
ar[3] = "L4"

for(i=0;i<ar.length;i++) {
document.getElementById(ar[i]).className = "";
}

t.className="active"

}
</script>
<div id="liste">
<ul>
 <li><a href="javascript:sel(this);" id="L1">Liste punkt 1</a></li>
 <li><a href="javascript:sel(this);" id="L2">Liste punkt 2</a></li>
 <li><a href="javascript:sel(this);" id="L3">Liste punkt 3</a></li>
 <li><a href="javascript:sel(this);" id="L4">Liste punkt 4</a></li>
</ul>
</div>

 

 

http://developer.mozilla.org/en/docs/DOM:element.className

 

Dette er et utesta script, skrevet på 5 min, men det burde lede deg på riktig vei.