[js] 'a' element met 'onclick' attribuut clonen

[Verwijderd]

Hoi hoi,

Ik probeer voor een menu edior een 'a' element met 'onclick' attribuut clonen. De bedoeling is om de link een onclick mee te geven, waarna een functie wordt uitgevoerd.

De onclick code ziet er zo uit:

code:

var linkVerwijderen = document.createElement('a');
linkVerwijderen.href = '#';
linkVerwijderen.appendChild(document.createTextNode('Verwijderen'));
linkVerwijderen.onclick=function(event) {
     sharkvisMenuEdit(event);
}
linkVerwijderen.className='swe-menulink swe-verwijderen';

Vervolgens word dit element gecloned

code:

spanMetSubitemOptie.appendChild(linkVerwijderen.cloneNode(true));

Wanneer dat gebeurd is, gaat de onclick verloren lijkt het wel. Hoe kan ik dit oplossen? Is het uberhaupt mogelijk om de onclick te clonen?

I am so desperate

[ Voor 16% gewijzigd door Verwijderd op 29-06-2005 14:05 ]

[André]

Als je het zo probeert dan, dus de functie apart definieren.

code:

linkVerwijderen.onclick = bla();

function bla(event) 
{
  sharkvisMenuEdit(event);
}

[ Voor 23% gewijzigd door André op 29-06-2005 14:49 ]

[Verwijderd]

code:

linkVerwijderen.onclick = bla();

Als je het zo doet, wordt de functie al meteen uitgevoerd tijdens het parsen lijkt het.

code:

linkVerwijderen.onclick = bla;

werkt ook niet, maar de event moet ook meegegeven worden natuurlijk?

code:

linkVerwijderen.onclick = bla(event);

maarja, zelfde probleem als bij het eerste.. wordt al uitgevoerd in de code, en niet onclick.

[crisp]

event wordt sowieso meegegeven in standard-compliant browsers; dit is dus gewoon voldoende:

JavaScript:

linkVerwijderen.onclick = sharkvisMenuEdit;

function sharkvisMenuEdit(e)
{
  if (!e) e = window.event; // IE is stom

  // code
}

[ Voor 3% gewijzigd door crisp op 29-06-2005 15:08 ]

[Verwijderd]

Bedankt crisp. Maar:

code:

spanMetSubitemOptie.appendChild(linkVerwijderen.cloneNode(true));

hierna "verdwijnt" de onclick. het lijkt wel of cloneNode de onlclick niet overneemt. m.a.w., hij doet het niet als ik cloneNode niet gebruik in een testje, werkt het wel.. maar ik moet het echt clonen, want er komen meerdere links in het document. help.

[André]

Kun je dan de onlclick misschien niet opnieuw setten:

code:

obj = spanMetSubitemOptie.appendChild(linkVerwijderen.cloneNode(true));
obj.onclick = sharkvisMenuEdit;

function sharkvisMenuEdit(e)
{
  if (!e) e = window.event; // IE is stom

  // code
}

[crisp]

Dit lijkt wel te werken in Mozilla (niet in IE though):

JavaScript:

var a = document.createElement('a');
a.href = '#';
//a.onclick = myFunction;
a.setAttribute('onclick', 'return myFunction()');
a.appendChild(document.createTextNode('klik mij! '));

var i = 10;
while (i--)
{
    document.body.appendChild(a.cloneNode(true));
}

function myFunction()
{
    alert('hoi!');
    return false;
}

[Verwijderd]

Heb het even getest, in IE werkt het inderdaad niet.

Het is uiteindelijk gelukt met de code van Adre's laatste post, met wat aanpassingen omdat de onclicks in een object in dat object zaten. Het is wel wat omslachtig om steeds de onclicks nadat het element is aangemaakt nog toe te voegen, maar het zij zo.

Bedankt!

[ Voor 23% gewijzigd door Verwijderd op 29-06-2005 18:04 ]