I ironhead Medlem sedan mars 2001 1 346 inlägg Frågan 17 mars 2003 09:40 #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.
I ironhead Medlem sedan mars 2001 1 346 inlägg 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 ;)