html - Mouseover på <td> - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #5097 @ 09.04.07 18:54

Hey...
Kender intet til JS, men prøver alligevel at lave en mouse_over_effekt på min <td>

HTML:

Kode


<td class='port_table' onmouseover='this.className='port_table_over';' onmouseout='this.className='port_table';'>

CSS:

Kode


.port_table_over{
background:#3E3E3E;
}

.port_table {
background:#FFFFFF;
}

Men det virker ikke. Hvad er galt.

8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #8254 @ 09.04.07 18:59

280

Glem CSS og gør sådan her:

Kode

<td class="port_table" onmouseover="this.style.background = '#3E3E3E';" onmouseout="this.style.background = '#FFFFFF';">

Bruger #5097 @ 09.04.07 19:01

818

VIRKER. Tak

Indlæg senest redigeret d. 09.04.2007 19:05 af Bruger #5097

Bruger #2416 @ 09.04.07 20:02

314

Din egen metode kan også fint lade sig gøre. Dit problem er bare, at du benytter ' inden i ' '. Laver du:

Kode

<td class='port_table' onmouseover='this.className='port_table_over';' onmouseout='this.className='port_table';'>

om til:

Kode

<td class="port_table" onmouseover="this.className='port_table_over';" onmouseout="this.className='port_table';">

virker den også - hvilket er ganske praktisk, hvis det er mere end baggrundsfarven der skal ændres.

Bruger #5097 @ 09.04.07 21:38

818

Hmm ja fantastisk havde jeg overset.

Grunden til at jeg enlig at skrevet det med ' er fordi jeg har skrevet det i en echo""; i php, hvor " ikke er tilladt...
Der findes ingen metode hvor jeg fortsat kan skrive det i min echo vel?

Bruger #2416 @ 09.04.07 21:46

314

Jo, det gør der - du skal blot escape dine " med en \\:

Kode

echo "<td class=\\"port_table\\" onmouseover=\\"this.className='port_table_over';\\" onmouseout=\\"this.className='port_table';\\">";

Bruger #5097 @ 09.04.07 23:29

818

Tak

Bruger #5789 @ 11.04.07 14:45

640

Man ændrer "aldrig" class navn med JS!!

Det tvinger browseren til at rendere dom træet på ny, og det ønsker man - som fronend udvikler ikke.

/JJ

Bruger #2416 @ 11.04.07 16:56

314

Jeg kender ikke rigtig noget til problemstillingen, men søgte lige lidt på det, og fandt en test, der konkluderede, at et skift af classens navn er hurtigere end at skifte style direkte. (http://www.quirksmode.org/dom/classchange.html)

Så ville lige høre, hvad årsagen er til, at man som frontend udvikler ikke ønsker at skifte classe navnet?

Mouseover på <td>

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler