[JS] onclick event veranderen

[-SaveMe-]

Ik heb een functie waarbij ik van twee elementen de onclick event wil aanpassen.
Eigenlijk op dezelfde manier als ik de src van een image verander:

code:

document.getElementById(id).src = newsrc

Kan dat??

[user109731]

Bedoel je dit:

JavaScript:

document.getElementById(id).onclick = myEventHandler;

?

[-SaveMe-]

Mja, dat probeer ik te doen. 'newsrc' bevat

JavaScript:

javascript:window.open('http://some.url.nl/plaatje.jpg','bigpicture','height=410,width=570');

dat wil ik toewijzen aan de onclick van twee elementen (die al een onlick event hebben)

[ Voor 12% gewijzigd door -SaveMe- op 28-06-2006 10:03 ]

[user109731]

Dat zou ik zo doen:

JavaScript:

function openNewWindow() {
  window.open('http://some.url.nl/plaatje.jpg','bigpicture','height=410,width=570');
}
document.getElementById(id1).onclick = openNewWindow;
document.getElementById(id2).onclick = openNewWindow;

Ik neem aan dat je de oude eventhandler wil vervangen door een nieuwe?

[ Voor 8% gewijzigd door user109731 op 28-06-2006 10:12 ]

[-SaveMe-]

Dat werkt (maar ik had iets soortgelijks), maar probleem is dat some.url.nl uit een variable komt
en zodra ik die functie aanroep met een variable, dan werkt het niet ?

[djluc]

Dan moet je "bah" eval gebruiken.

[-SaveMe-]

djluc schreef op woensdag 28 juni 2006 @ 10:29:
Dan moet je "bah" eval gebruiken.

Uhmz, kun jij mij als JS-beet dat ff uitleggen ?

[crisp]

djluc schreef op woensdag 28 juni 2006 @ 10:29:
Dan moet je "bah" eval gebruiken.

Nee; je kan eea in een anonymous function wrappen met een closure of bijvoorbeeld gebruik maken van een global, of die variabele toekennen als een custom property aan het HTML element enzovoorts enzovoorts

[-SaveMe-]

Ik heb het geprobeerd met een anonymous function

JavaScript:

document.getElementById(id).onclick = function (strEvent) {window.open(strEvent,'bigpicture','height=410,width=570');}

Maar dat werkt niet??

[ Voor 7% gewijzigd door -SaveMe- op 28-06-2006 10:43 ]

[djluc]

crisp schreef op woensdag 28 juni 2006 @ 10:32:
[...]

Nee; je kan eea in een anonymous function wrappen met een closure of bijvoorbeeld gebruik maken van een global, of die variabele toekennen als een custom property aan het HTML element enzovoorts enzovoorts

Daar wordt het mooier op

[crisp]

HTML:

<img src="img.gif" id="foo">
<img src="img.gif" id="bar">

<script type="text/javascript">

function addOnclickHandler(id,strEvent)
{
    document.getElementById(id).onclick = function ()
    {
        window.open(strEvent,'bigpicture','height=410,width=570');
    }
}

addOnclickHandler('foo','http://tweakers.net');
addOnclickHandler('bar','http://gathering.tweakers.net');

</script>

[-SaveMe-]

@crisp: die ziet er wel smakelijk uit!

Maar heb het indertussen op gelost als volgt:

JavaScript:

document.getElementById(id).onclick = function () {eval(strPopup);}

Allen bedankt voor de hulp!

[ Voor 11% gewijzigd door -SaveMe- op 28-06-2006 11:09 ]

[-SaveMe-]

Heb de oplossing van Crisp geimplementeerd. Die is mooier, ben ik gelijk van die global var af!