Søg
Avatar billede dcheng Novice
21. december 2006 - 16:47 Der er 5 kommentarer og
1 løsning

onmouseover hvordan skifter jeg style?

Lad os sige jeg har følgene 4 css styles:
- a.menu-links
- a.menu-links_selected
- td.menuinside_out_botd
- td.menuinside_out_botd_selected

Hvordan kan jeg så få <A> linket til at skifte style når jeg har musen over den tilhørende <TD> celle?

---- kode ---
<TABLE>
    <TR>
        <TD class="menuinside_out_bot" onmouseover="this.className='menuinside_out_bot_selected'" onmouseout="this.className='menuinside_out_bot'" align="left">
            <A class="menu-links" href="?h=8&u=1">Menu punkt </A>
        </TD>
    </TR>
      // Mange rækker
</TABLE>
---- slut ---
Avatar billede dcheng Novice
21. december 2006 - 16:48 #1
Poster lige kode igen så man kan se den ordenligt... billedet der står i vejen

---- kode ---
<TABLE>
    <TR>
        <TD class="menuinside_out_bot" onmouseover="this.className='menuinside_out_bot_selected'" onmouseout="this.className='menuinside_out_bot'" align="left">
            <A class="menu-links" href="?h=8&u=1">Menu punkt </A>
        </TD>
    </TR>
      // Mange rækker
</TABLE>
---- slut ---
Avatar billede mbagge Nybegynder
22. december 2006 - 08:52 #2
Umiddelbart ville jeg nok flytte mouseover/out væk fra <td>'en og ind i <A>'en og bruge a.menulinks_selected class'en.

Hvis dette ikke er muligt fordu du specifikt ønsker mouseover på <td>'en, burde følgende style vist nok virke:

td.notselected { div_styles }
td.notselected a { div_a_styles }
td.selected { div_styles }
td.selected a { div_a_styles }

/Bagge
Avatar billede olebole Juniormester
22. december 2006 - 11:24 #3
<ole>

Du undlader helt at skifte CSS-klasse på elementer, da det performer ekstremt elendigt. I stedet skifter man de enkelte style-properties på elementerne

/mvh
</bole>
Avatar billede dcheng Novice
22. december 2006 - 14:09 #4
@olebole
Du har sikkert ret som altid, men hvis kunden vil have det sådan så bliver det sådan :-) men ellers mange tak for input!

@mbagge
Det var lige hvad jeg skulle bruge!

Lige et ekstra spm. vil det så sige at man kan definere child style/class ved at bare skrive <mellemrum> tag-navn?

Så har jeg lært noget nyt!

Btw. smid svar!
Avatar billede dcheng Novice
22. december 2006 - 14:10 #5
Hov det var der allerede! :-) god jul
Avatar billede olebole Juniormester
27. december 2006 - 11:53 #6
Mon ikke kunden vil have det sådan, fordi ingen har fortalt ham, hvor dårligt, det performer? I tilfælde af en kompliceret sidestruktur kan et klasse-skift tage op til flere sekunder at udføre! Det sker ikke så ofte, men det fortæller lidt om, hvad det er, der er gang i.

I slutningen af denne artikel:
    http://www.eksperten.dk/artikler/227

- gennemgår jeg et JS-eksempel, du meget vel kunne bruge i stedet. Det er ikke spor sværere at have med at gøre - og det performer dramatisk meget bedre  ;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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
I går 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
White papers
Flere white papers »