Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:05 Der er 11 kommentarer og
1 løsning

Ændre baggrundsfarve på celler i tabel?

Jeg har en tabel bestående af X antal rækker og X antal kolonner.
Jeg vil gerne have at når jeg kører musen over en celle, så ændrer den baggrundsfarve.
Det kan jeg gøre med nedenstående:

onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#000000"

men jeg vil samtidig gerne have at den første celle i rækken også ændre farve, samtidig med den celle musen er over. Så der altså hele tiden er to celler som ændre baggrundsfarve. Den første i rækken og den celle musen er over?
Avatar billede moocher Nybegynder
09. januar 2005 - 00:08 #1
Du kan måske give de yderste celler et id og bruge dette til formålet
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:09 #2
Hmm, hvorledes?
Ikke så meget med at give dem id :-) men koden som ændrer farven i cellen med et bestemt id?
Avatar billede moocher Nybegynder
09. januar 2005 - 00:15 #3
Lad den første i rækken have id="r1"

Så bruger du bare r1.style.backgroundColor=''
Avatar billede moocher Nybegynder
09. januar 2005 - 00:26 #4
<table width="*" border="1">
  <tr>
    <td id="hej">&nbsp;</td>
    <td onmouseout="hej.style.backgroundColor='';this.style.backgroundColor=''" onmouseover="hej.style.backgroundColor='#000000';this.style.backgroundColor='#000000'">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:33 #5
Så skal du da vist lige lave et svar ;-)
Troede faktisk jeg havde prøvet det, men nu virker det :-)
Avatar billede moocher Nybegynder
09. januar 2005 - 00:34 #6
Sådan går det jo ;)
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:38 #7
Jeg har et problem, da jeg har angivet baggrundsfarven med CSS. Så ser det ikke ud til det vil ændre sig?
Kan det passe og hvad kan jeg gøre nemmest?

Håber du lige gider hjælpe med det også :-)
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:40 #8
Nej, glem det. id'et måtte bare ikke være lutter tal :-)
TAKKER! alt virker nu :-)
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 00:42 #9
Og dog. Det virker vist ikke i Firefox?
Avatar billede moocher Nybegynder
09. januar 2005 - 00:54 #10
Virker i min firefox

Prøv her i firefox http://03z.hopto.org/eksperten/rammer_farver.html
Avatar billede roenving Novice
09. januar 2005 - 15:29 #11
-- og hvis det skal have en chance for at virke alle steder, skal man vist overholder DOM-binding:

<table width="*" border="1">
  <tr>
    <td>&nbsp;</td>
    <td onmouseout="this.previousSibling.style.backgroundColor='';this.style.backgroundColor=''" onmouseover="this.previousSibling.style.backgroundColor='#000000';this.style.backgroundColor='#000000'">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede wampiro-uha Nybegynder
09. januar 2005 - 15:57 #12
moocher --> dit link er vist nede pt.?
Jeg kan kun få det til at virke i IE, hverken firefox eller netscape ændrer nogen farve?
firefox vil godt farve den celle jeg er over, men ikke den med et id?
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