28. marts 2004 - 23:35
Der er
9 kommentarer og 2 løsninger
Skift tabel farve, ved mus over billede.
Jeg har et lille stykke kode der ser således ud: <table width="132" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="100" height="71" valign="top" align="center"><img src="konto.gif" width="70" height="71"></td> <td width="32"> </td> </tr> <tr> <td height="24" align="center" valign="middle" class="oversigt">KONTO</td> <td> </td> </tr> </table> Som der står i titlen, vil jeg have tabelen til at skifte farve når man bevæger musen over billedet, eller tabelen. Hvordan gør jeg det?
Annonceindlæg fra Cognizant
AI er ikke problemet. Eksekvering er.
Der bliver investeret massivt i AI. Teknologien er mere tilgængelig end nogensinde, og ambitionerne er høje. Alligevel oplever mange virksomheder, at resultaterne udebliver.
28. marts 2004 - 23:48
#1
<table width="132" border="0" cellpadding="0" cellspacing="0" id="tabel1"> <!--DWLayoutTable--> <tr> <td width="100" height="71" valign="top" align="center"><img src="konto.gif" width="70" height="71" onmouseover="document.getElementById('tabel1').style.backgroundColor = '#ff0000';" onmouseout="document.getElementById('tabel1').style.backgroundColor = '#ffffff';"></td> <td width="32"> </td> </tr> <tr> <td height="24" align="center" valign="middle" class="oversigt">KONTO</td> <td> </td> </tr> </table>
28. marts 2004 - 23:57
#2
Hvis du ikke har andet, som bruger mouseover i tabellen, kan skovenborgs jo forkortes til: <table width="132" border="0" cellpadding="0" cellspacing="0" id="tabel1" onmouseover="this.style.backgroundColor='#f00';" onmouseout="this.style.backgroundColor='#fff';"> <!--DWLayoutTable--> <tr> <td width="100" height="71" valign="top" align="center"><img src="konto.gif" width="70" height="71"></td> <td width="32"> </td> </tr> <tr> <td height="24" align="center" valign="middle" class="oversigt">KONTO</td> <td> </td> </tr> </table>
29. marts 2004 - 00:33
#5
Så er skovenborgs tættest på, f.eks. sådan: <table width="132" border="0" cellpadding="0" cellspacing="0" id="tabel1" onmouseover="document.getElementById('konto').style.backgroundColor='#f00';" onmouseout="document.getElementById('konto').style.backgroundColor='#fff';"> <!--DWLayoutTable--> <tr> <td width="100" height="71" valign="top" align="center"><img src="konto.gif" width="70" height="71"></td> <td width="32"> </td> </tr> <tr> <td id="konto" height="24" align="center" valign="middle" class="oversigt">KONTO</td> <td> </td> </tr> </table>
29. marts 2004 - 00:41
#6
eller: <img src="konto.gif" width="70" height="71" onmouseover="document.getElementById('konto').style.backgroundColor='#f00';" onmouseout="document.getElementById('konto').style.backgroundColor='#fff';"> hvis det skal være på billedet ;-)