[HTML] onmouseover=this.style.background

[jvaneijk]

Beste gotters op zondag

Ik zit met een super dom probleem

Ik heb een tabelrow die ik wil laten veranderen door een onmouse over, en dan gaat het om de achtergrondkleur en de text

nu is de achtergrondkleur geen probleem maar de textkleur wil hij op een of andere manier gewoon niet zetten?? hoe zit dat hieronder een stukje van mijn code. Ik zou graag willen weten wat ik verkeerd doe.
als ik iets verkeerds doe iig ik heb overal al gezocht en zo zou het moeten volgens google en gotters

code:

<tr onmouseover="this.style.background='black'; this.style.color='#FFFFFF'" onmouseout="this.style.background='none'; this.style.color='black'">
                            <td>[img]"../images/dummy.gif"[/img]</td>
                            <td>Home</td>
                            <td width="100%">&nbsp;</td>
                        </tr>

[dArtagnan]

Je moet textcolor gebruiken i.p.v. color.

code:

this.style.textcolor='#FFFFFF'"

[ Voor 41% gewijzigd door dArtagnan op 14-03-2004 11:49 ]

[jvaneijk]

Dit maakt ook geen verschil dan doet hij het nog niet

code:

this.style.textColor='#ffffff'
this.style.textcolor='#ffffff'
this.style.color='#ffffff'

geen van de 3 doet het

[Bosmonster]

Misschien heeft een tr geen color of textcolor omdat ie zelf geen text kan bevatten?

[jvaneijk]

Bosmonster schreef op 14 maart 2004 @ 11:57:
Misschien heeft een tr geen color of textcolor omdat ie zelf geen text kan bevatten?

hmm dat is idd een goed punt daar heb ik nooit overnagedacht
ik gaan dat eens even proberen tnx

[jvaneijk]

hmmm nee das het ook niet als ik hem op de TD toepas dan doet hij nog niets... hij wil gewoon die text niet laten zien.

[Amras]

Als ik dit doe werkt het bij mij prima in zowel IE als Firefox hoor:

code:

<table>
  <tr onmouseover="this.style.background='black'; this.style.color='#FFFFFF'"
             onmouseout="this.style.background='none'; this.style.color='black'">
    <td>Home</td>
  </tr>
</table>

[corani]

heb je niet toevallig ergens anders een style aangegeven voor de tekst die in die tr staat? style voor td bijvoorbeeld?

[Verwijderd]

Als ik een valid documentje maak, werkt het prima. Weet je zeker dat je een TABLE open-tag en een TABLE sluit-tag hebt gebruikt?

edit:
(Wat hierboven dus gezegd wordt. Ik pleit er (nogmaals) voor dat elk test document of probleem valid HTML moet bevatten.)

[ Voor 36% gewijzigd door Verwijderd op 14-03-2004 12:19 ]

[jvaneijk]

Allemaal hartelijk bedankt ik heb van alles gedaan en heb ook mijn html gevalidate en nu doet hij het wel ook al heb ik er niets aan veranderd. Zou wel weer aan VS.net hebben gelegen

[Dennis]

Overigens is javascript iig case-sensitive dus gebruik iig textColor ipv textcolor .

[Verwijderd]

ddc schreef op 14 maart 2004 @ 15:14:
Overigens is javascript iig case-sensitive dus gebruik iig textColor ipv textcolor .

Ik heb nog nooit een officiële CSS property text-color gezien. Je kunt dus beter niet naar Koraalduivel luisteren, en gewoon de color property gebruiken.

[Dennis]

Je hebt gelijk Cheatah, maar het gaat om het idee. Bijvoorbeeld bij backgroundColor. Ik had wel even eerst iets beter kunnen lezen.

[Verwijderd]

Amras schreef op 14 maart 2004 @ 12:14:
Als ik dit doe werkt het bij mij prima in zowel IE als Firefox hoor:

code:

 <tr onmouseover="this.style.background='black'"
         onmouseout="this.style.background='none'">

Even in het verlengde hiervan (dus ik ga er maar niet een apart topic voor openen):

Bovenstaande werkt bij mij niet. Dit werkt wel:

code:

<tr onMouseover="this.style.backgroundColor='#BFE1F1'" 
          onMouseout="this.style.backgroundColor='#FFFFFF'">

Maar ik zou bij onmouseout liever een 'none' hebben, want die andere kleur blijft anders over mijn achtergrond hangen... Of anders misschien een transparante laag???

[ Voor 11% gewijzigd door Verwijderd op 15-06-2004 15:19 ]

[Bosmonster]

backgroundColor='transparent' ?

[Verwijderd]

background-color: none; kan niet, background: none; wel, die zet ook meteen de kleur uit

[Verwijderd]

Verwijderd schreef op 15 juni 2004 @ 15:23:
background-color: none; kan niet, background: none; wel, die zet ook meteen de kleur uit

@bosmonster:

Hoe doe je die transparant i.c.m. een kleur? Bijvoorbeeld als je een transparante lichtblauwe achtergrondkleur wilt hebben... Dit werkt niet:
onMouseover="this.style.backgroundColor='#BFE1F1';transparant"

@mophor hieronder:
wederom bedankt! goeie link

[ Voor 8% gewijzigd door Verwijderd op 15-06-2004 15:54 ]

[Verwijderd]

opacity regel je in elke browser weer anders: http://www.quirksmode.org/css/opacity.html
background-color: transparent is alleen voor compleet transparent

[Bosmonster]

Dacht dat ie dat bedoelde.. een kleur 'uitzetten'...

Als ik zijn vraag nog een keer lees kom ik overigens wederom tot dezelde discussie.. ik zie niks staan over transparantie Alleen dat ie een background probeert op none te zetten.

[ Voor 65% gewijzigd door Bosmonster op 15-06-2004 16:15 ]

[André]

Bosmonster schreef op 15 juni 2004 @ 16:14:
Dacht dat ie dat bedoelde.. een kleur 'uitzetten'...

Een kleur uitzetten doe je toch zo:

JavaScript:

this.style.backgroundColor = '';

Die oplossing heb ik ook nog niet gezien

[Verwijderd]

bedoelde ie eerst ook, alleen daarna niet meer geloof ik, anywayz:
- bosmonsters oplossing is correct
- mijn oplossing is correct, want da's via de shorthand (hij wilde 'none' gebruiken )
- andre's oplossing werkt ook, maar ik weet niet zeker of ie correct is eigenlijk

[Verwijderd]

Ja klopt! Wat ik daarna vroeg was weer een uitbreiding...

Maar alle oplossingen van jullie drie schattebouten werken, thanks!

[ Voor 88% gewijzigd door Verwijderd op 16-06-2004 04:42 ]

[Verwijderd]

Hoe doe je die transparant i.c.m. een kleur? Bijvoorbeeld als je een transparante lichtblauwe achtergrondkleur wilt hebben...

Is het niet zo dat CCS3 ondersteuning gaat bieden voor een alpha kanaal?