Avatar billede Frederik Nybegynder
08. februar 2005 - 18:48 Der er 19 kommentarer og
1 løsning

Menu spørgsmål.

Hej.

Jeg har lavet en menu som "skulle" skifte baggrund i en tabel. der er ikke tale om billeder, bare farve. Problemet er at Når jeg kørre min mus over skifter den godt nok baggrund men når jeg fjerner musen skifter baggrunden ikke tilbage igen. hvordan kan det være? håber i kan hjælpe mig :)

min kode ser således ud:
[Html dokument]
<td class='class1' onMouseOver='this.className="class2"' onMouseOver='this.className="class1"' width="120" height="20">Menu</td>

[.CSS fil]
.class1 {
  background-color:red
}

.class2 {
  background-color:blue
}


Det skal lige siges farverne er bare test farver.


- XuZeM
Avatar billede ztyxx Nybegynder
08. februar 2005 - 18:56 #1
du skal bruge onmouseout for at definere den oprindelige farve
Avatar billede ztyxx Nybegynder
08. februar 2005 - 18:59 #2
<td class='class1' onMouseOver='this.className="class2"' onMouseOut='this.className="class1"' width="120" height="20">Menu</td>
Avatar billede olebole Juniormester
08. februar 2005 - 20:18 #3
<ole>

Du skal lige vide, at det skodder voldsomt at skifte klasse på elementerne. Du skriver langt bedre kode, hvis du i stedet skifter de enkelte style-properties på elementet  ;o)

/mvh
</bole>
Avatar billede Frederik Nybegynder
08. februar 2005 - 22:24 #4
Tak ztyxxx det virker nu :) smid et svar så du kan få dine point :P

øhm hvad vil det lige sige olebole?


- XuZeM
Avatar billede roenving Novice
09. februar 2005 - 05:07 #5
Når browseren loader en side, bruger den ret mange kræfter på at opbygge et bibliotek (DOM-træ) over hvordan hvert eneste element skal se ud (og i forskellige tilstande !-)

-- det bibliotek bruger den så, når du flytter dig rundt på siden, til at vise et 'fornuftigt' billede ...

Hvis du så undervejs skifter f.eks. en background-color, finder browseren det (eller de stykker) 'papir', hvor den farve skal ændres og ændrer dem, rimeligt simpelt ...

-- men hvis du ændrer eet className kaster den hele sit DOM-træ i havet og starter helt forfra, og det kan selv på ret ukomplicerede sider med et hierarki af nestede elementer betyde at det faktisk kan ses (tager mere end ca. 1/20 sekund) at den skal genopbygge det ...

-- hvis du har en voldsomt kompliceret side kan det faktisk tage flere sekunder, så det faktisk er hurtigere at reloade hele siden !o]

-- så, som ole skriver, lav aldrig om i className, det har kun sin fornuft, når man skal lave nye elementer, eller aflæse eksisterende !-)
Avatar billede roenving Novice
09. februar 2005 - 05:09 #6
Hrm, 'hurtigere at reloade' hedder faktisk 'bedre at reloade, så brugeren kan se, hvad der sker' !-)
Avatar billede ztyxx Nybegynder
09. februar 2005 - 16:06 #7
et svar fra mig, men vil gerne dele med de andre :-)
Avatar billede Frederik Nybegynder
09. februar 2005 - 20:06 #8
øhm. hvordan kan man så lave sådan et bibliotek? er det meget kompliceret?
(giver gerne flere point)

- XuZeM
Avatar billede olebole Juniormester
09. februar 2005 - 21:54 #9
Man starter med at skrive en browser ... og ja, det kan være en forholdsvis kompliceret omgang  ;o)

Prøv at læse roenvings indlæg én gang til. Det er browseren, der opbygger en fortegnelse (et bibliotek) over dokumentets elementer - deres udseende og indbyrdes/individuelle placering  :)
Avatar billede Frederik Nybegynder
15. februar 2005 - 19:34 #10
Hmm... nu er jeg så kommet til det at jeg skulle bruge det til en menu, så kan man gøre så hele tabellen bliver til et link ? så man ikke behøver at have musen lige over teksten???


- XuZeM
Avatar billede roenving Novice
15. februar 2005 - 19:40 #11
Hvis du sætter display:block; på stylen for a-tags, vil de fylde hele bredden i cellerne !o]

-- hvis der er forskel i tekst-højden (altså at nogle links i samme række har forskelligt antal linjer !-), kan der være noget med højden ...

-- desuden kan du også bruge onclick på tabelcellen ...
Avatar billede Frederik Nybegynder
16. februar 2005 - 19:58 #12
Roenving kan du forklare det lidt nærmere???


- XuZeM
Avatar billede roenving Novice
16. februar 2005 - 23:32 #13
Hvad for noget vil du have forklaret nærmere ?-)
Avatar billede Frederik Nybegynder
20. februar 2005 - 21:48 #14
Det her : Hvis du sætter display:block; på stylen for a-tags, vil de fylde hele bredden i cellerne !o]
Avatar billede Frederik Nybegynder
20. februar 2005 - 21:49 #15
hvordan vil det komme til at se ud i en .css fil? det er godt nok der, der skal redigeres noget ikk???


- XuZeM
Avatar billede roenving Novice
21. februar 2005 - 09:57 #16
a,a:link,a:visited,a:hover,a:active{
  display:block;
}
Avatar billede ztyxx Nybegynder
11. juni 2005 - 15:27 #17
der blev vist aldrig lukket her
Avatar billede roenving Novice
21. juli 2005 - 20:01 #18
Måske skulle vi genopfriske, da sidate reaktion stammer fra den mail-løse periode !-)
Avatar billede Frederik Nybegynder
28. maj 2006 - 12:07 #19
- lukker
Avatar billede roenving Novice
29. maj 2006 - 15:56 #20
?-)
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