Loopa igenom alla divar på sidan

7 svar · 415 visningar · startad av oskob 9 jan. 2006

oskobMedlem sedan maj 20021 558 inlägg

Frågan9 jan. 2006 02:06#1

Hejsan!

Jag har bara skrapat lite på ytan på javascript så jag vet inte riktigt hur jag ska söka efter den här informationen :/

Det jag vill göra är att loopa igenom alla divvar på sidan och kolla om en div tillhör en viss class och då gömma den.

function subportfolio(class){
	
	for(var q=0;q<document.div.length;++q){
		var qimg = document.div[q];
		var isClass = qimg.className == class;
		
		if(isClass) {
			qimg.style.display = 'none';
			alert("ya");
		}else{
			alert("fel div");
		}

	}
}

Så vill jag att den ska göra men jag vet inte hur jag ska selecta divarna.
För att selecta bilder är det ju document.images men hur gör man med en div?

Tack på förhand!

@ndersMedlem sedan juni 200032 969 inlägg

9 jan. 2006 04:30#2

För att selecta bilder är det ju document.images men hur gör man med en div?

Prova document.getElementsByTagName('div').

mvh

oskobMedlem sedan maj 20021 558 inlägg

9 jan. 2006 11:04#3

Men den ska ju loopa igenom alla. Inte ett specifikt.
Jag har alltså en liten portfolio med en massa bilder. Och man ska kunna kryssa i vilka kategorier man vill se. och man klickar bort drawings ska tex alla divvar med classen "drawings" få style.display = none.

R:
Det går ju att lösa på annat sätt med php men jag vill helst inte göra det.

@ndersMedlem sedan juni 200032 969 inlägg

9 jan. 2006 11:12#4

Men den ska ju loopa igenom alla. Inte ett specifikt.

Vilket ju också var den frågan jag svarade på. Har du testat?

	for(var q=0;q< document.getElementsByTagName('div').length;++q){
		var qimg = document.getElementsByTagName('div')[q];
		var isClass = qimg.className == class;
		
		if(isClass) {
			qimg.style.display = 'none';
			alert("ya");
		}else{
			alert("fel div");
		}

	}

oskobMedlem sedan maj 20021 558 inlägg

9 jan. 2006 11:15#5

Ahaa! Såg fel. Trodde du skrev getImagesById.
*testar*

oskobMedlem sedan maj 20021 558 inlägg

9 jan. 2006 11:29#6

getElementByTagName is not a functin säger den.

function subportfolio(class){
	
	for(var q=0;q<document.getElementByTagName('div').length;++q){
		var qimg = document.getElementByTagName('div')[q];
		var isClass = qimg.className == class;
		
		if(isClass) {
			qimg.style.display = 'none';
			alert("ya");
		}else{
			alert(qimg.src);
		}

	}
}

Den klagar på raden "for(var q=0;q<document.getElementByTagName('div').length;++q){"

RED: Ah ajg måste skrivit fel någonstans. När jag kopierade din kodsnutt fungerade det. Tack för hjälp!

@ndersMedlem sedan juni 200032 969 inlägg

9 jan. 2006 11:33#7

Mina ögon fastnade iaf direkt på ett typo, getElementsByTagName. :)

oskobMedlem sedan maj 20021 558 inlägg

9 jan. 2006 20:16#8

Ah... Irriterande :P