---
title: "Röd bakgrund vid klick - vit vid nästa klick"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/71296-röd-bakgrund-vid-klick-vit-vid-nästa-klick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ironhead"
published: "2003-03-17T09:40:27.000Z"
updated: "2003-03-17T10:20:59.000Z"
replies: 1
views: 171
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/71296-röd-bakgrund-vid-klick-vit-vid-nästa-klick"
---

# Röd bakgrund vid klick - vit vid nästa klick

## #1 — ironhead, 2003-03-17T09:40Z

När jag klickar i nån av dessa rutor:

\<td width="100" onclick="parent.frames.location.href='sida.asp';this.style.background='red'" style="cursor:pointer" class="MainMenuTd"\>länk1\</td\>

\<td width="100" onclick="parent.frames.location.href='sida.asp';this.style.background='red'" style="cursor:pointer" class="MainMenuTd"\>länk2\</td\>

\<td width="100" onclick="parent.frames.location.href='sida.asp';this.style.background='red'" style="cursor:pointer" class="MainMenuTd"\>länk3\</td\>

vill jag att bakgrunden skall bli röd, vilket funkar...men när jag klickar i nästa ruta vill jag att alla andra rutor skall få bakgrundsfärgen vit..och bara den ruta jag klickat på får röd bakgrund...osv.

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

## #2 — ironhead, 2003-03-17T10:20Z

Fick det att funka med:

CSS
\===
.normal{
text-decoration: none; 
font-size: 9px;
font-family: verdana,helvetica,arial; 
color: blue; 
background-color:#FFFFFF;
}
.selected{
text-decoration: none; 
font-size: 9px;
font-family: verdana,helvetica,arial; 
color: blue; 
background-color:#CCCCCC;
}

sidan
\====

\<td width="100" onclick="parent.frames.location.href='menu.asp?lev=1\>';highlight(this);" style="cursor:pointer"\>\<%=NavCol.Item(index).sName%\>\</td\>

Skriptet
\======
\<script type="text/javascript"\>
\<!--

var focus = null;

function highlight(o){
	o.className = "selected";

	if(! focus) focus = o;
	if(! (focus == o)){
		focus.className = "normal";
		focus = o;
	}
};

//--\>
\</script\>

Saxat ur detta underbara webforum ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/71296-röd-bakgrund-vid-klick-vit-vid-nästa-klick