webForumDet fria alternativet

Script för att visa olika kategorier av tumnaglar

JavaScript

0 svar · 266 visningar · startad av lampe

Medlem sedan dec. 20091 inlägg
Frågan#1

JavaScript:et är konstruerat för att användaren enkelt ska kunna välja mellan olika tumnaglar. Det ska användas i min personliga portfolio.

Hoppas någon kan hitta vad som är på tok, eller åtminstone en ledtråd. Nedan följer JavaScript:et.
Du kan även provköra webbplatsen på
http://www.lampe.se/new/index.html

window.onload = initiera;

function initiera () {
//Listar alla funtioner
showCat();
}

function showCat () {
	//FilterCategorier
	//-- WEB
	var catWebBtn = document.getElementById("webBtn")
	//-- PRINT
	var catPrintBtn = document.getElementById("printBtn");
	//-- 3D
	var cat3dBtn = document.getElementById("tredBtn");
	
	//FilterKnapp blir Array
	var catBtn = new Array();
	catBtn[0] = catWebBtn;
	catBtn[1] = catPrintBtn;
	catBtn[2] = cat3dBtn;

	//Kolla vad som klickades
	for(var i = 0; i < catBtn.length; i++) {
		catBtn[i].onclick = function () {
			var catHit = this.getAttribute("id");
			alert(catHit);
			
			//Thumbnagels namnet
			var thumbName = "thumbShadow"
			
			//Hämta alla divar med classNamn "thumbShadow"
			var thumb = document.getElementsByTagName("div").className = thumbName;
			alert(thumb.length); //Returnerar "11"? Borde väl ändå vara endast "9".
		
			//Gå igenom alla "thumbShadow" divar och kolla när klickad "chosenDiv" titel förekommer.
			for (var j = 0; j < thumb.length; i++) {
				var currThumb = thumb[j];
				var currThumbTitle = currThumb.getAttribute("title");
				
				//Om Titeln för "thumbShadow" inte överenstämmer med den klickade knappens värde
				//Då ska thumben döljas.
				if(currThumbTitle != catHit) {
					currThumbTitle.style.display = "none";
				}
			}		
		}
	}
}

Tack på förhand!

251 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)