Avatar billede sonic666 Novice
26. februar 2007 - 16:09 Der er 14 kommentarer og
1 løsning

skift celle baggrund med mouseover på text inde i cellen

hvordan kan jeg skifte baggrunden i en celle ved at holde musen over en link-text inde i cellen?
Avatar billede coderdk Praktikant
26. februar 2007 - 16:15 #1
F.eks:

<table><tr>
<td style="background-color: #ccc" onmouseover="this.style.backgroundColor='#ffe'" onmouseout="this.style.backgroundColor='#ccc'">hej</td>
</tr></table>
Avatar billede sonic666 Novice
26. februar 2007 - 16:44 #2
OK men hvad hvis baggrunden er et billede?
Avatar billede coderdk Praktikant
26. februar 2007 - 17:04 #3
så er det vist backgroundImage i stedet for backgroundColor
Avatar billede sonic666 Novice
26. februar 2007 - 17:14 #4
cool ! kan jeg ændre farven på text i cellen på samme måde?
Avatar billede sonic666 Novice
26. februar 2007 - 17:19 #5
kan du vise mig hvordan man gør det samtidig med det med backgroundimage?
Avatar billede coderdk Praktikant
26. februar 2007 - 17:28 #6
Hoget i stil med

<table><tr>
<td style="backgroundImage: url('blah.jpg'); color: #0f0" onmouseover="this.style.backgroundImage='yes.jpg';this.style.color='#f00'" onmouseout="this.style.backgroundImage='blah.jpg';this.style.color='#0f0'">hej</td>
</tr></table>
Avatar billede roenving Novice
27. februar 2007 - 00:55 #7
-- og hvis du bare ønsker, at det skal ske, hvis man holder det over et link i cellen:

<td>
  <a href="#" onmouseover="this.style.color='#c00';this.parentNode.style.backgroundImage='url(nogetAndet.jpg)';">Link her</a></td>

-- det med farven kan dog bedre styres med a:hover i css !-)
Avatar billede roenving Novice
27. februar 2007 - 00:57 #8
-- og hvis coderdks kode skal virke, skal du nok:

<table><tr>
<td style="background-image: url(blah.jpg); color: #0f0" onmouseover="this.style.backgroundImage='url(yes.jpg)';this.style.color='#f00'" onmouseout="this.style.backgroundImage='url(blah.jpg)';this.style.color='#0f0'">hej</td>
</tr></table>
Avatar billede sonic666 Novice
27. februar 2007 - 09:27 #9
Super fedt. Det ser rigtig flot ud.
Men det jeg er ude efer er en kombination af de 2 løsninger. Hvis jeg laver teksten i cellen om til et link, virker det med tekst-farven først når man holder musen over teksten og ikke over cellen. Ser du.. min tekst(linket) fylder ikke hele cellen.

Jeg vil gerne have tekst-farven til at skifte bare man holder musen over cellen uden at rammen selve teksten(linket). Kan det lade så gøre?
Avatar billede roenving Novice
27. februar 2007 - 13:25 #10
Virker det så ikke med coders (modificerede kode (du skal bare sætte et link ind i stedet for hej !-)
Avatar billede sonic666 Novice
27. februar 2007 - 13:56 #11
Hmmm... det er måske mig der ikke kan forklare det. her er et link

http://www.rockz.dk/testsite/menu.htm

Nå man holder musen over en af knapperne uden at ramme teksten skal tekstfarven stadig skifte. kan det lade sig gøre?

Jeg vil altså gerne have linket til at være aktivt i hele cellen, og ikke kun på selve teksten.
Avatar billede roenving Novice
27. februar 2007 - 14:09 #12
<table><tr>
<td style="background-image: url(blah.jpg); color: #0f0" onmouseover="this.style.backgroundImage='url(yes.jpg)';this.style.color='#f00'" onmouseout="this.style.backgroundImage='url(blah.jpg)';this.style.color='#0f0'" onclick="location.href='main_billeder.htm';">Billeder</td>
</tr></table>
Avatar billede sonic666 Novice
27. februar 2007 - 14:20 #13
Præcis! skide godt! Tak for det  ;-)
Avatar billede roenving Novice
27. februar 2007 - 14:28 #14
Velbekomme '-)
Avatar billede roenving Novice
28. februar 2007 - 11:43 #15
-- og tak for point ;~}
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