webForumDet fria alternativet

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

JavaScriptur Javascript

1 svar · 169 visningar · startad av ironhead

Medlem sedan mars 20011 346 inlägg
Frågan#1

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.

Medlem sedan mars 20011 346 inlägg
#2

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 ;)

139 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)