---
title: "Script för att visa olika kategorier av tumnaglar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/181653-script-för-att-visa-olika-kategorier-av-tumnaglar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "lampe"
published: "2009-12-15T19:24:31.000Z"
updated: "2009-12-15T19:24:31.000Z"
replies: 0
views: 269
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/181653-script-för-att-visa-olika-kategorier-av-tumnaglar"
---

# Script för att visa olika kategorier av tumnaglar

## #1 — lampe, 2009-12-15T19:24Z

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!

Permalänk: https://www.webforum.nu/p/181653

---

Tråden på webben: https://www.webforum.nu/amne/javascript/181653-script-för-att-visa-olika-kategorier-av-tumnaglar