---
title: "Vid lagerbyte ska text-färgen ändras i de andra lagrena...."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18204-vid-lagerbyte-ska-text-färgen-ändras-i-de-andra-lagrena"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Harback"
published: "2001-09-08T14:51:00.000Z"
updated: "2001-09-10T14:03:00.000Z"
replies: 3
views: 156
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/18204-vid-lagerbyte-ska-text-färgen-ändras-i-de-andra-lagrena"
---

# Vid lagerbyte ska text-färgen ändras i de andra lagrena....

## #1 — Harback, 2001-09-08T14:51Z

Hejsan.

Jag har ett problem och eftersom jag inte är så bra på JavaScript tänkte jag att nån kunde hjälpa mig.

Jag har ett antal lager som är döpta till Lager1, Lager2 osv. Dessa lager överlappar varandra lite och jag har gjort ett enkelt system där z-indexet ändras när man trycker på något lager.

Problemet: Jag vill att text-färgen i alla lager utan det lager som är överst byter färg till t.ex. vitt, är detta möjligt? Hur isåfall? 

Det enda jag tänkte på var att kolla vad lagret heter och sen loopa igenom alla utan det lagret och ändra text-färgen så, men som sagt jag är inte kung på JavaScript. 

Tacksam för svar!

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

## #2 — Jojoxx, 2001-09-09T11:26Z

Ett litet exempel kan se ut så här;

```
<script language="JavaScript">
layers = new Array('foo','fee','fii'); // Namnen på lagren
zin=10;
function activate(current){
	zin++;
	for(n=0;n<layers.length;n++){
		if(current == layers[n]){
			changeStyle(layers[n],'color','#ffffff');
			changeStyle(layers[n],'zIndex',zin);
		} else {
			changeStyle(layers[n],'color','#555555');
		}
	}
}
function changeStyle(Id,Property,Value){
	if (document.getElementById){
		eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
	} else if (document.all){
		eval('document.all[Id].style.'+Property+'="'+Value+'"');
	} else if (document.layers){
		eval('document.layers[Id].'+Property+'="'+Value+'"');
	}
}
</script>
<div id="foo" style="position:absolute;border:blue solid 1px;background-color:black;width:200px;height:200px;left:100px;top:100px;color:#555555;" onClick="activate('foo');">
Lager 1
</div>
<div id="fee" style="position:absolute;border:blue solid 1px;background-color:black;width:200px;height:200px;left:150px;top:150px;color:#555555;" onClick="activate('fee');">
Lager 2
</div>
<div id="fii" style="position:absolute;border:blue solid 1px;background-color:black;width:200px;height:200px;left:200px;top:200px;color:#555555;" onClick="activate('fii');">
Lager 3
</div>
```

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

## #3 — Harback, 2001-09-09T20:50Z

Helt klart en smart lösning! Tackar!

En följdfråga, går det att göra så att textfärgen ändrar sig i tabeller också?

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

## #4 — Jojoxx, 2001-09-10T14:03Z

I DOM-kompatibla läsare (Netscape 6) eller halvkompatibla (IE 5.5+) är det enkelt, du ger elemenetet ett ID och sedan ändrar du egenskaper för det på samma sätt som innan.

```
<table id="kokobello">
<tr><td>cykelpump</tr></td>
</table>
```

Ändra sedan värdet med;

```
if (document.getElementById){
document.getElementById('kokobello').style.color="blue";
}
```

(Red. stavfel)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18204-vid-lagerbyte-ska-text-färgen-ändras-i-de-andra-lagrena