16. december 2004 - 21:56
Der er
15 kommentarer og 1 løsning
onMouseover - skift ikke bg-farve på hele tr
Bruger dette til at skifte farve på en row: <tr class="boxtextworklist" onmouseover="this.style.backgroundColor='#f1f1f1'"; onmouseout="this.style.backgroundColor='#ffffff'"> <td class="worklistarrow"></td> <td valign="top" class="worklistboxtext">Slet profil </td> <td valign="top" class="worklistboxtext"> </td> <td valign="top" class="worklistboxtext">as</td> <td valign="top" class="worklistboxtext">afsluttet</td> </tr> Kunne man på en fiks måde undgå, at den ene td ikke skifter baggrundsfarve?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
16. december 2004 - 21:57
#1
Og endnu smartere: Kan det lade sig gøre, at smide den pågældende event i mit stylesheet?
16. december 2004 - 22:51
#2
hvilken af dem? er der mange rækker? er der ens regler for hvilken der ikke skal skifte farve?
16. december 2004 - 22:57
#3
Denne del: onmouseover="this.style.backgroundColor='#f1f1f1'"; onmouseout="this.style.backgroundColor='#ffffff'"> <td class="worklistarrow" id="arrow"></td> Tænkte om kunne tilgå td'ens id på en eller anden måde? A lá: onmouseover="this['arrow'].style.backgroundColor='#ffffff'";
16. december 2004 - 23:01
#4
problemet er at et id skal være unikt og derfor dur det ikke som regel for hvilken td der ikke skal skifte, hvis det nu altid er er den td der indeholder altså nummer 3 i hver tr kan det nemt laves
16. december 2004 - 23:03
#5
Det er altid nr 1 i hver tr, der skal skiftes...
16. december 2004 - 23:19
#6
<ole> onmouseover="this.getElementsByTagName('TD')[0].style.backgroundColor='red'" /mvh </bole>
16. december 2004 - 23:22
#7
... eller lidt mere sexy: function swap(elm, dir) { elm,getElementsByTagName('TD')[0].style.backgroundColor = (dir=="in")? "red" : ""; } onmouseover="swap(this, 'in')" onmouseout="swap(this, 'out')"
16. december 2004 - 23:23
#8
Mnjaahh ... sådan: function swap(elm, dir) { elm.getElementsByTagName('TD')[0].style.backgroundColor = (dir=="in")? "red" : ""; }
16. december 2004 - 23:24
#9
Den usexede er sexet nok til mig :) Det er som det skal være... Næste skridt, kunne være at det kunne tilføjes min css class? Kan det lade sig gøre... Smid et svar...
16. december 2004 - 23:29
#10
1. 'Den sexy' er langt bedre at bruge, da den begrænser overflødig kode. Det sidste generer både browser, forbindelse og server. 2. Det er en rigtig dårlig idé at skifte klasse på elementer. Det er ekstremt dårligt performende. Skift i stedet de enkelte properties på elementets style-objekt.
16. december 2004 - 23:30
#11
Ok. Tænkte nu mere på, om selve mouseover event'en kunne skrives ind i min css style. Som en hover ting... Tak for hjælpen.
16. december 2004 - 23:49
#12
Nej, det kan man ikke endnu. Det er med i CSS2 - men den understøtter IE ikke. Den understøtter kun 'hover' på links :o| Tak for points :)
17. december 2004 - 08:31
#13
Det er faktisk lige meget med IE - det her skal bruges til et lille cms, så jeg ved præcist hvad de bruger af udstyr... Ved du hvordan man skriver hover ind i: .worklist {font-family: tahoma, helvetica, arial, verdana, sans-serif; font-size: 11px; color: #4E86A7;}
17. december 2004 - 15:38
#14
<style type="text/css"> .hest { background-color: red; } .hest:hover { background-color: yellow; } </style> <table cellspacing="5" cellpadding="10" border="1"> <tr class="hest"> <td>blabla</td> <td>blabla</td> </tr> <tr class="hest"> <td>blabla</td> <td>blabla</td> </tr> </table>
18. december 2004 - 18:48
#15
Tak...
18. december 2004 - 22:39
#16
... anytime ;o)
Vi tilbyder markedets bedste kurser inden for webudvikling