Avatar billede andersdp Nybegynder
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">&nbsp;</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?
Avatar billede andersdp Nybegynder
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?
Avatar billede mm12010 Nybegynder
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?
Avatar billede andersdp Nybegynder
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'";
Avatar billede mm12010 Nybegynder
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 &nbsp; altså nummer 3 i hver tr kan det nemt laves
Avatar billede andersdp Nybegynder
16. december 2004 - 23:03 #5
Det er altid nr 1 i hver tr, der skal skiftes...
Avatar billede olebole Juniormester
16. december 2004 - 23:19 #6
<ole>

onmouseover="this.getElementsByTagName('TD')[0].style.backgroundColor='red'"

/mvh
</bole>
Avatar billede olebole Juniormester
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')"
Avatar billede olebole Juniormester
16. december 2004 - 23:23 #8
Mnjaahh ... sådan:

function swap(elm, dir) {
  elm.getElementsByTagName('TD')[0].style.backgroundColor = (dir=="in")? "red" : "";
}
Avatar billede andersdp Nybegynder
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...
Avatar billede olebole Juniormester
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.
Avatar billede andersdp Nybegynder
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.
Avatar billede olebole Juniormester
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  :)
Avatar billede andersdp Nybegynder
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;}
Avatar billede olebole Juniormester
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>
Avatar billede andersdp Nybegynder
18. december 2004 - 18:48 #15
Tak...
Avatar billede olebole Juniormester
18. december 2004 - 22:39 #16
... anytime  ;o)
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