[JS] achtergrondkleur met onmouseover - Softwareontwikkeling

vrijdag 4 maart 2005 19:50

Acties:

Verwijderd

Topicstarter

Ik weet dat dit een n00b vraag is, maar toch kom ik er maar niet uit

Ik wil dmv een onmouseover een cel van een tabel een achergrondkleurtje geven. Nu doe ik dit, maar er gebeurd helemaal niets:

code:

<table>
     <tr onmouseover='document.getElementById("menu").style.BackgroundColor="#FFCC00"'>
          <td>Home</td>
     </tr>
     <tr>
          <td id='menu'>dddd</td>
     </tr>
</table>

Wat doe ik fout?

Alvast bedankt!

vrijdag 4 maart 2005 22:53

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

code:

<html>
<head>
</head>
<body>
<table>
  <tr>
    <td>Optie 1</td>
  </tr>
  <tr>
    <td style="background-color:#ffffff;" onmouseover="javascript:this.style.backgroundcolor='#ff0000';" onMouseout="javascript:this.style.backgroundcolor='#ffffff';">Optie 2 met mooie kleurtjes!</td>
  </tr>
</table>
</body>
</html>

Graag gedaan

Wat jij wou doen is een style-tag veranderen die niet bestond, dus er viel niets te veranderen.

vrijdag 4 maart 2005 22:59

Acties:

André

Analytics dude

code:

<table>
  <tr>
    <td onmouseover="document.getElementById('menu').style.backgroundColor='#FFCC00'">Home</td>
  </tr>
  <tr>
    <td id="menu">dddd</td>
  </tr>
</table>

Het is style.backgroundColor <-- let op de hoofdletters

Glaanieboy schreef op vrijdag 04 maart 2005 @ 22:53:

Graag gedaan Wat jij wou doen is een style-tag veranderen die niet bestond, dus er viel niets te veranderen.

En element waar geen style op zit kun je nog wel een style geven. Dus elementen zonder backgroundColor kun je ook wel een backgroundColor geven

[ Voor 131% gewijzigd door André op 04-03-2005 23:02 ]

vrijdag 4 maart 2005 23:01

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

Oh wacht! Ik heb de code die ik geplaatst heb uit het hoofd gedaan, dientengevolge is het mij niet opgevallen dat je de javascriptfunties in de eerste <tr> hebt geplaatst. Was dit met een reden (bijvoorbeeld als je over 'Home' gaat dat 'dddd' gaat kleuren)? Of was dit per ongeluk? Ik ga in ieder geval aan de slag met als je over 'Home' gaat dat 'dddd' een kleurtje krijgt.

vrijdag 4 maart 2005 23:02

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

André schreef op vrijdag 04 maart 2005 @ 22:59:
code:
1
2
3
4
5
6
7
8
<table>
  <tr onmouseover="document.getElementById('menu').style.backgroundColor='#FFCC00'">
    <td>Home</td>
  </tr>
  <tr>
    <td id="menu">dddd</td>
  </tr>
</table>
Het is style.backgroundColor <-- let op de hoofdletters

Helemaal modern (XHTML) is zonder hoofdletters

En element waar geen style op zit kun je nog wel een style geven. Dus elementen zonder backgroundColor kun je ook wel een backgroundColor geven

Oh? Vreemd dat mijn scriptje dan niet werkte als ik de style='bla' weghaalde ...

[ Voor 35% gewijzigd door Glaanie op 04-03-2005 23:03 ]

vrijdag 4 maart 2005 23:02

Acties:

André

Analytics dude

Glaanieboy schreef op vrijdag 04 maart 2005 @ 23:02:
[...]

Helemaal modern (XHTML) is zonder hoofdletters

Nee, JS heeft niets met XHTML te maken

Test maar, zonder hoofdletters werkt het niet.

vrijdag 4 maart 2005 23:06

Acties:

André

Analytics dude

dubbel

[ Voor 97% gewijzigd door André op 04-03-2005 23:07 ]

vrijdag 4 maart 2005 23:06

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

André schreef op vrijdag 04 maart 2005 @ 23:02:
[...]

Nee, JS heeft niets met XHTML te maken

Test maar, zonder hoofdletters werkt het niet.

Holy javascripting Batman! Ik heb een hekel aan mensen die mij ongelijk bewijzen ....

vrijdag 4 maart 2005 23:07

Acties:

CH4OS

It's a kind of magic

André schreef op vrijdag 04 maart 2005 @ 23:02:
Nee, JS heeft niets met XHTML te maken

Test maar, zonder hoofdletters werkt het niet.

Vandaar dat de W3C validator er wél over valt...

Had het veranderd, naar kleine letters, werkte gewoon nog steeds, en het valideerde als XHTML transistional (of als strict, weet niet meer...)

vrijdag 4 maart 2005 23:09

Acties:

André

Analytics dude

Glaanieboy schreef op vrijdag 04 maart 2005 @ 23:02:

Oh? Vreemd dat mijn scriptje dan niet werkte als ik de style='bla' weghaalde ...

Dat komt omdat je nog een hoofdletter moet plaatsen

Glaanieboy schreef op vrijdag 04 maart 2005 @ 23:06:
[...]

Holy javascripting Batman! Ik heb een hekel aan mensen die mij ongelijk bewijzen ....

Dus je hebt een hekel aan mij

GJ-tje schreef op vrijdag 04 maart 2005 @ 23:07:
[...]
Vandaar dat de W3C validator er wél over valt... Had het veranderd, naar kleine letters, werkte gewoon nog steeds, en het valideerde als XHTML transistional (of als strict, weet niet meer...)

De W3C validator controleert geen JS en kan er dus alleen per ongeluk over vallen.

[ Voor 30% gewijzigd door André op 04-03-2005 23:10 ]

vrijdag 4 maart 2005 23:10

Acties:

Verwijderd

Topicstarter

Die verdomde hoofdletters ook altijd

Bedankt mensen!!

vrijdag 4 maart 2005 23:15

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

Ook al heb ik je geholpen van de wal in de sloot (

), graag gedaan

vrijdag 4 maart 2005 23:27

Acties:

CH4OS

It's a kind of magic

André schreef op vrijdag 04 maart 2005 @ 23:09:
De W3C validator controleert geen JS en kan er dus alleen per ongeluk over vallen.

Dan vraag ik mij het hoe en waarom af, waarom hij dan bij elke hoofdletter in een onmouseover en een onmouseout viel (De onmouseover en onmouseout viel / valt de validator ook over...

)

vrijdag 4 maart 2005 23:30

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

GJ-tje schreef op vrijdag 04 maart 2005 @ 23:27:
[...]
Dan vraag ik mij het hoe en waarom af, waarom hij dan bij elke hoofdletter in een onmouseover en een onmouseout viel (De onmouseover en onmouseout viel / valt de validator ook over... )

Omdat onmouseover en onmouseout een tag is, welke een javascript aanroept. Het maakt verder geen deel uit van de javascript familie, het vertelt de browser wanneer welk scriptje aan te roepen. Dus onmouseover en onmouseout is onderdeel van (X)HTML.

vrijdag 4 maart 2005 23:37

Acties:

DizzyWeb

Ondertiteld

Glaanieboy schreef op vrijdag 04 maart 2005 @ 23:30:
[...]

Omdat onmouseover en onmouseout een tag is, welke een javascript aanroept. Het maakt verder geen deel uit van de javascript familie, het vertelt de browser wanneer welk scriptje aan te roepen. Dus onmouseover en onmouseout is onderdeel van (X)HTML.

Als we dan toch precies gaan zijn, onmouseover en onmouseout e.d. zijn geen tags, maar attributen

vrijdag 4 maart 2005 23:38

Acties:

André

Analytics dude

Ik heb het (voor de zekerheid) nog maar ees getest maar de validator let niet op Javascript, en idd wel op de tags onmouseover e.d. Maar dat zijn attributen en geen JS

[ Voor 4% gewijzigd door André op 04-03-2005 23:38 ]

vrijdag 4 maart 2005 23:47

Acties:

Glaanie

Medewerker Product Content

All your spec are belong to us

quote: andre
Ik heb het (voor de zekerheid) nog maar ees getest maar de validator let niet op Javascript, en idd wel op de tags onmouseover e.d. Maar dat zijn attributen en geen JS

Zijn het nou tags of attributen?

[ Voor 76% gewijzigd door Glaanie op 04-03-2005 23:47 ]

vrijdag 4 maart 2005 23:52

Acties:

André

Analytics dude

Glaanieboy schreef op vrijdag 04 maart 2005 @ 23:47:
[...]

Zijn het nou tags of attributen?

code:

1
2
3

tag  attribuut    waarde            tag

<div onmouseover="doedezefunctie()"></div>

Pagina: 1

Reageer