Toon posts:

[javascript] td verandert van kleur als je hem aanwijst

Pagina: 1
Acties:
  • 46 views sinds 30-01-2008

Verwijderd

Topicstarter
ik heb dit script gemaakt en dacht dat het werkte... ik heb niet zoveel ervaring met javascript, maar die werkt dus niet...

code:
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
function kleurin(this){
this.style.background='#FF7700'
}
function kleuruit(this){
this.style.background='#FFFFFF'
}
</script>

<td style="font-size: 10px; cursor: hand" onmouseover="kleurin()" onmouseover="kleuruit()">
Hier wat tekst
</td>


weet iemand waarom dit niet werkt?

alvast bedankt,
bjorn

p.s. dit is maar een stukje van het hele script

  • Scaror
  • Registratie: September 2003
  • Laatst online: 21-01 14:34

Scaror

Don't watch this!

Verwijderd schreef op 17 april 2004 @ 20:12:
ik heb dit script gemaakt en dacht dat het werkte... ik heb niet zoveel ervaring met javascript, maar die werkt dus niet...

weet iemand waarom dit niet werkt?

alvast bedankt,
bjorn

p.s. dit is maar een stukje van het hele script
Wat moet t doen? (Ik weet het wel, maar je zegt het niet...)

1. Je gebruikt 2x onmouseover()
2. Weet je wel hoe je met 'this' moet werken?

Probeer het eens zo:

code:
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
function kleurin(row){
row.style.background='#FF7700'
}
function kleuruit(this){
row.style.background='#FFFFFF'
}
</script>

<td style="font-size: 10px; cursor: hand" onmouseover="kleurin(this)" onmouseout="kleuruit(this)">
Hier wat tekst
</td>

[ Voor 13% gewijzigd door Scaror op 17-04-2004 20:19 ]


Verwijderd

Het werkt niet omdat het de functies geen flauw idee hebben wat "this" moet zijn.

functieaanroep moet zijn: kleurin(this)

In de functie decl. moet je this vervangen door een niet-keyword, dat moet gewoon een functieargument zijn. Bijvoorbeeld: element

Verwijderd

Topicstarter
Wat moet t doen? (Ik weet het wel, maar je zegt het niet...)

1. Je gebruikt 2x onmouseover()
2. Weet je wel hoe je met 'this' moet werken?

Probeer het eens zo:

code:
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
function kleurin(row){
row.style.background='#FF7700'
}
function kleuruit(this){
row.style.background='#FFFFFF'
}
</script>

<td style="font-size: 10px; cursor: hand" onmouseover="kleurin(this)" onmouseout="kleuruit(this)">
Hier wat tekst
</td>
over 2x onmouseover, WAT BEN IK DOM! |:( ... maarja... en ik snap nu de denfinitie 'this' beter... bedankt! en het werkt! :*)

[ Voor 13% gewijzigd door Verwijderd op 17-04-2004 20:25 ]


  • whoami
  • Registratie: December 2000
  • Laatst online: 23:32
En javascript hoort niet thuis in p&w

https://fgheysels.github.io/


Dit topic is gesloten.