dynamische javascript events
Ik zou graag door middel van een dynamische javascript event mogelijkheid een functie aanroepen met een variabele.
Mijn code is als volgt:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
function toonInput( divId )
{
alert( divId );
}
function addEvents()
{
addEvent( document.getElementById('divId_1'), 'click', toonInput( 'divId_1') );
addEvent( document.getElementById('divId_2'), 'click', toonInput( 'divId_2' ) );
}
{
alert( divId );
}
function addEvents()
{
addEvent( document.getElementById('divId_1'), 'click', toonInput( 'divId_1') );
addEvent( document.getElementById('divId_2'), 'click', toonInput( 'divId_2' ) );
}
Wanneer ik bij een body onload de functie AddEvents aanroep, worden deze automatisch (dus niet na een click) aangeroepen.
Wanneer ik doe:
Code (php)
1
addEvent( document.getElementById('divId_2'), 'click', toonInput );
Doet ie het prima, weliswaar zonder argument. Doch heb ik het argument nodig.
Iemand een idee?
Groetjes Michele
Gewijzigd op 01/01/1970 01:00:00 door Michele
Code (php)
1
addEvent( document.getElementById('divId_2'), 'click', toonInput( 'divId_2'));
Edit:
divId kwamen niet overeen
divId kwamen niet overeen
Gewijzigd op 01/01/1970 01:00:00 door Robert Deiman
Ik zie geen verschil tussen mijn code:
Code (php)
1
addEvent( document.getElementById('divId_2'), 'click', toonInput( 'divId_2' ) );
en jouw code
Code (php)
1
addEvent( document.getElementById('divId_2'), 'click', toonInput( 'divId_2'));
Deze werkten beiden niet, en roepten direct de functie op bij een pageload, en niet met een onclick, zoals het zou moeten...
Overigens, als je wilt dat er op geklikt moet worden, kan je de onClick event (standaard in HTML) aanroepen:
Code (php)
1
<div name="klik" id="klik" onClick="addEvent( document.getElementById(this), 'click', toonInput(this));