ID til class

[Org]

Jeg har en liten teori på hvorfor de boksene på kon.satus.org ikke funker i IE, fordi "id" kun kan brukes en gang på en side og "class" så mange ganger en vil, men så kommer problemet:

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
 navRoot = document.getElementById("nav");
 for (i=0; i<navRoot.childNodes.length; i++) {
 	node = navRoot.childNodes[i];
 	if (node.nodeName=="LI") {
   node.onmouseover=function() {
   	this.className+=" over";
   }
   node.onmouseout=function() {
   	this.className=this.className.replace(" over", "");
   }
 	}
 }
}
}
window.onload=startList;

//--><!]]>
</script>

Hvordan få denne til å lage en class istedenfor id?

<ul id=\"nav\">
til
<ul class=\"nav\">

Dette er vel svinaktig-enkelt for de aller fleste javascript-g3ekene her, så plis hjelp

[Drømmemannen]

Hvorfor trenger du å bruke JavaScript til å style linker? Ville heller bare brukt :hover i CSS-fila direkte. Altså f.eks.:

a:hover {
   color: black;
}

[Org]

Scriptet brukes til hvis en holder over en link, så kommer det en meny ved siden av med flere linker.. Sånn som "Start"-menyen

[Jesper Karsrud]

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementByClass) {
 navRoot = document.getElementByClass("nav");
 for (i=0; i<navRoot.childNodes.length; i++) {
 	node = navRoot.childNodes[i];
 	if (node.nodeName=="LI") {
   node.onmouseover=function() {
   	this.className+=" over";
   }
   node.onmouseout=function() {
   	this.className=this.className.replace(" over", "");
   }
 	}
 }
}
}
window.onload=startList;

//--><!]]>
</script>

Burde funke Bare byttet ut getElementByID med getElementByClass..

[gozzer]

Såvidt jeg vet finnes det ingen getElementByClass funksjon innebygget i javscript, rett og slett fordi det ikke gir noen mening. En klasse kan knyttes til så mange elementer du vil, og det er derfor litt vanskelig å vite hvilket element du skal ha tak i hvis du brukte en slik funksjon.

 

Derimot så finnes det en hjemmesnekra variant (getElementsByClass) som returerer et array med pekere til alle elementer som matcher dine søkekriterier. Ta en titt her hvis det høres ut som noe du kan bruke.

 

 

Edit: flust med skrivefeil...

Endret 15. september 2006 av gozzer

[Jesper Karsrud]

Ahh, jeg er så vant til å bruke andre frameworks der getElementsByClass er innebygget, så jeg tar den for å være standard i JavaScript.. Beklager det...

[gozzer]

Ingen som skyter deg for det, Jesper :-)