webForumDet fria alternativet

byta färg i cell samtidigt som länk byter färg

JavaScript

2 svar · 219 visningar · startad av da97enla

Medlem sedan dec. 2001343 inlägg
Frågan#1

Hej

Här är ett lite trixigt problem jag har. Jag vet inte om det är möjligt, men kanske nån här har svaret.

Jag har tabeller med en viss bakgrundsfärg i cellen, när jag för musen över tabellcellen byter jag bakgrundsfärg. Nu till min fråga. I cellen har jag också en länk, den byter ju bara färg om jag nuddar länken, är det möjligt att även lägga in så jag byter färg på den när jag för musen över tabellcellen?

Enla

Medlem sedan mars 2000126 inlägg
#2

Mouse over.

Jag har gjort en liten test här som du kan leka med.

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function over(id1,id2,farg){
	document.getElementById(id1).style.backgroundColor='#ddddcc';
	document.getElementById(id2).style.color=farg;
}
function out(id1,id2,farg){
	document.getElementById(id1).style.backgroundColor='#ffffff';
	document.getElementById(id2).style.color=farg;
}
//-->
</SCRIPT>
</HEAD>
<BODY LINK="#000000" ALINK="#000000" VLINK="#000000" TEXT="#000000">
<BR>
<TABLE WIDTH="400" STYLE="border:solid #dddddd thin;" CELLPADDING="0" CELLSPACING="0"><TR ALIGN="CENTER">
<TD ID="ruta1" WIDTH="200" onMouseOver="this.style.cursor='hand';over('ruta1','lank1','red');" onMouseOut="out('ruta1','lank1','black');"><A HREF=#"><DIV ID="lank1">FÖRSTA RUTAN</DIV></A></TD>
<TD ID="ruta2" WIDTH="200" onMouseOver="this.style.cursor='hand';over('ruta2','lank2','blue');" onMouseOut="out('ruta2','lank2','black');"><A HREF=#"><DIV ID="lank2">ANDRA RUTAN</DIV></A></TD>
</TR></TABLE>
</BODY>
</HTML>

//Broskan

Medlem sedan dec. 2001343 inlägg
#3

det funkar ju

Det funkade ju fint, nu har jag att göra ett tag framöver. :D

253 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
115 ms — ändringar (db)