Avatar billede _petrucci Nybegynder
12. februar 2001 - 16:00 Der er 6 kommentarer og
2 løsninger

Celle onmouseover

Hejsa :)

jeg har følgende kode:

<tr>
<td bgcolor=\"#FCFCFB\" class=\"content\" onclick=\"parent.location.href=\'.html\'\" onmouseover=\"this.style.backgroundColor=\'EDEDEC\';this.style.cursor=\'hand\';\" onmouseout=\"this.style.backgroundColor=\'FCFCFB\';this.style.cursor=\'hand\';\"> - noget tekst - </td>
</tr>

-----
koden gør det, at den skifter farven i tabelcellen på en onmouseover, og skifter tilbage til en anden farve onmouseout. MEN.....jeg vil også gerne ha\' den til at lave teksten i cellen til fed/bold på en onmouseover, og tilbage til normal skrift på onmouseout.

Kan dette lade sig gøre på en fiks nem lille måde? :)
Avatar billede swasper Nybegynder
12. februar 2001 - 18:00 #1
Ja, jeg kan se at du har en class der hedder content, jeg går ud fra at du har dette til at lægge i et eksternt stylesheet.

Altså lad os sige at der et sted i den eksterne css-fil står .content { bla bla bla }

så kunne den nye \"content\" se sådanne ud:

<!-- ny content - start -->

.content {
            font-family:        Tahoma, Arial;
            font-size:          8pt;
            font-weight:        normal;
            color:              rgb(0,0,0);
            text-decoration:    none;
}

.A:Hover.content {
            font-family:        Tahoma, Arial;
            font-size:          8pt;
            font-weight:        bold;
            color:              rgb(0,0,0);
            text-decoration:    none;           
}

<!-- ny content - slut -->

Jeg skulle mene at dette virker.
Avatar billede _petrucci Nybegynder
12. februar 2001 - 20:22 #2
Det virker desværre ikke.

Jeg har TD.content {  blah blah } i mit stylesheet og har prøvet din kode, men virker desværre ikke :(

Kan godt få teksten til at blive bold hvis jeg laver et link på selve teksten, men det virker ikke på tabel-cellen.
Avatar billede swasper Nybegynder
12. februar 2001 - 20:41 #3
så indsæt en class mere så det kommer til at se sådan ud:

<tr>
<td bgcolor=\"#FCFCFB\" class=\"content\" class=\"link\" onclick=\"parent.location.href=\'.html\'\" onmouseover=\"this.style.backgroundColor=\'EDEDEC\';this.style.cursor=\'hand\';\" onmouseout=\"this.style.backgroundColor=\'FCFCFB\';this.style.cursor=\'hand\';\"> - noget tekst - </td>
</tr>

og indsæt så dette:

.link {
            font-family:        Tahoma, Arial;
            font-size:          8pt;
            font-weight:        normal;
            color:              rgb(0,0,0);
            text-decoration:    none;
}

.A:Hover.link {
            font-family:        Tahoma, Arial;
            font-size:          8pt;
            font-weight:        bold;
            color:              rgb(0,0,0);
            text-decoration:    none;           
}
Avatar billede _petrucci Nybegynder
12. februar 2001 - 21:09 #4
Det lader ikke til at virke med en ekstra class :( - har på fornemmeren at der ikke skal bruges A-links når det ikke drejer sig om en a-href, men en td-celle.
Avatar billede callesen Praktikant
12. februar 2001 - 21:32 #5
Har jeg ret i at problemet er at det er ren tekst og ikke links - jeg har prøvet at kigge i mine CSS-manualer; men uden held.
/Callesen
Avatar billede olebole Juniormester
12. februar 2001 - 22:00 #6
<ole>
Glem det, hvis det skal funke X-browser - og det skal ordentlige web-koder! NS version 4.x tager ikke mouseevents.
/mvh
</bole>
Avatar billede _petrucci Nybegynder
12. februar 2001 - 22:17 #7
Tja, det gør intet hvis det kun virker i Internet Explorer. Findes der ikke en lignende event i stil med den jeg har brugt? f.eks. this.style.font-weight=\'bold\'  eller noget?
Avatar billede ras2000 Nybegynder
13. marts 2001 - 12:42 #8
Jep! this.style.fontWeight
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