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 Bluecircle
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:22
#3
ja, hvis det skal være når musen flyttes over tabellen - nu har du i hvert fald to løsninger til begge dele :-)
29. marts 2004 - 00:30
#4
Ah, det er mig der ikke kan formulere mig rigtigt. Det er kun den cell hvori der står "konto" der skal skifte farve.
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 ;-)
02. april 2004 - 18:07
#7
Jeg siger mange tak. I må godt ligge svar :)
02. april 2004 - 18:09
#8
Velbekomme '-)
02. april 2004 - 18:16
#9
værsgo' :-)
02. april 2004 - 18:16
#10
argh, glemmer hele tiden at svare rigtigt ;-)
04. april 2004 - 19:18
#11
-- og tak for points ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling