Avatar billede mads1987 Nybegynder
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">&nbsp;</td>
              </tr>
              <tr>
                <td height="24" align="center" valign="middle" class="oversigt">KONTO</td>
                <td>&nbsp;</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?
Avatar billede skovenborg Nybegynder
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">&nbsp;</td>
              </tr>
              <tr>
                <td height="24" align="center" valign="middle" class="oversigt">KONTO</td>
                <td>&nbsp;</td>
              </tr>
            </table>
Avatar billede roenving Novice
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">&nbsp;</td>
              </tr>
              <tr>
                <td height="24" align="center" valign="middle" class="oversigt">KONTO</td>
                <td>&nbsp;</td>
              </tr>
            </table>
Avatar billede skovenborg Nybegynder
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 :-)
Avatar billede mads1987 Nybegynder
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.
Avatar billede roenving Novice
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">&nbsp;</td>
              </tr>
              <tr>
                <td id="konto" height="24" align="center" valign="middle" class="oversigt">KONTO</td>
                <td>&nbsp;</td>
              </tr>
            </table>
Avatar billede skovenborg Nybegynder
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 ;-)
Avatar billede mads1987 Nybegynder
02. april 2004 - 18:07 #7
Jeg siger mange tak. I må godt ligge svar :)
Avatar billede roenving Novice
02. april 2004 - 18:09 #8
Velbekomme '-)
Avatar billede skovenborg Nybegynder
02. april 2004 - 18:16 #9
værsgo' :-)
Avatar billede skovenborg Nybegynder
02. april 2004 - 18:16 #10
argh, glemmer hele tiden at svare rigtigt ;-)
Avatar billede roenving Novice
04. april 2004 - 19:18 #11
-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester