Toon posts:

[JS] createelement button onclick event

Pagina: 1
Acties:

Verwijderd

Topicstarter
Onderstaande code gebruik ik om een hyperlink en een button te maken, echter met de hyperlink kan ik wel een javascript functie aanroepen, maar met de button niet, mijn vraag hoe kan ik een onclick event of iets anders toevoegen aan een button.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
....
var oTable    = document.getElementById('tblMultiple');
var oRow      = oTable.insertRow(cnt);
oRow.appendChild(oCell);

oInput           = document.createElement('a');
oInput.innerText = 'bewerken';
oInput.href      = 'javascript:popup(\'koppeling.asp\');';
oCell.appendChild(oInput);

oInput           = document.createElement('input');
oInput.type      = 'button'
oInput.onclick   = 'popup(\'koppeling.asp\');';
oCell.appendChild(oInput);


wat ook niet lukte is onderstaande:
code:
1
oInput.onclick = new function() { popup(\'koppeling.asp\'); };


hierbij wordt de functie direct uitgevoerd bij de createelement

  • whoami
  • Registratie: December 2000
  • Laatst online: 00:40
JS hoort in w&g thuis
-> W&G

https://fgheysels.github.io/


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

haal 'new' eens weg in je tweede poging.

Verwijderd

je werkt de hele tijd met een mooie DOM oplossing en dan zie je ineens weer innerText... ranzig

dat doe je natuurlijk met
code:
1
text = document.createTextNode("bewerken");

[ Voor 5% gewijzigd door Verwijderd op 11-03-2004 10:31 ]


Verwijderd

of:
code:
1
oInput.textContent = 'bewerken';

Dat is wel dom
Maar dat is misschien nog wel een beete beperkt qua ondersteuning ;)

Verwijderd

Topicstarter
Oke, leuk en wel maar hiermee krijg je nog geen resultaat

code:
1
oInput.onclick   = 'function (){ popup(\'koppeling.asp\', null, \'?atoomSrtID=' + arrMultiple[i][3] + '&doel=' + arrMultiple[i][0] + '.[' + cnt + ']' + '\', \'veldID=' + arrMultiple[i][0] + '\');}';

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

Ehh.. new weghalen wil niet zeggen dat je er ineens quotes omheen moet gaan zetten :P

code:
1
2
3
obj.onclick = function () {
   alert ('hallo!');
}

[ Voor 31% gewijzigd door Bosmonster op 11-03-2004 11:11 ]


  • RSchellhorn
  • Registratie: Augustus 2001
  • Laatst online: 22-05 17:48
Bosmonster schreef op 11 maart 2004 @ 10:29:
haal 'new' eens weg in je tweede poging.
Geloof niet dat deze boodschap bij de TS over gekomen is:

code:
1
2
3
4
5
6
7
8
oInput              = document.createElement('input');
oInput.type      = 'button'
oInput.onclick   = 'popup(\'koppeling.asp\');';
oCell.appendChild(oInput);

oInput.onclick = function() {   // Zonder "new"
    popup(\'koppeling.asp\'); 
};


Edit:
:) Hij kijkt zelf ook.....

[ Voor 23% gewijzigd door RSchellhorn op 11-03-2004 11:16 ]

"Ik heb zo veel soep gegeten, dat kan een mens niet aan. Ik heb zo veel soep gegeten, kan bijna niet meer staan. Ik zat daar maar te slurpen achter die grote kop en als ik bijna klaar was, dan schepten ze weer op!" (Hans Teeuwen)

Pagina: 1