Javascript setAttribute onclick

[ZeroXT]

Beste mensen.

Ik probeer dynamisch een ul met daarin een aantal li's te maken. In die li's komen links met een onclick attribuut:

code:

<ul>
    <li><a href="#" onclick="foto.bekijk(1); return false;">1</a>
    <li><a href="#" onclick="foto.bekijk(2); return false;">2</a>
</ul>

Nu zit ik te testen met de onlick. In Firefox kan ik daar setAttribute voor gebruiken:

JavaScript:

var foto = 'foto'; // Dit even om te illustreren dat ik een functie probeer aan te roepen binnen in een andere functie en dit dus dynamisch is
var ahref = document.createElement('a');
ahref.setAttribute('onclick', foto + '.bekijk('+(a - 1)+')');

Maar IE6 & 7 pakken dat niet. Nu las ik dat ik dit in IE kon gebruiken:

JavaScript:

var ahref = document.createElement('a');
ahref.onclick = function() { ... }

Ik kan dit alleen niet gebruiken want ik kan hier geen eventhandler van maken. Het moet letterlijk in de a tag komen te staan zoals dit:
<a href="#" onclick="foto.bekijk(1)'">1</a>

Dit omdat ik dus een functie binnen een andere functie probeer te benaderen. Heeft iemand enig idee hoe ik dit kan oplossen?

[pieturp]

zie hier
en hier voor een mogelijke scope workaround.

[ Voor 41% gewijzigd door pieturp op 24-02-2010 02:26 . Reden: scope... ]

[Tharulerz]

Als je met 'iets' ingewikkeldere dingen in javascript gaat werken (zoals events), kan je altijd gebruik maken van frameworks, die het meeste denkwerk voor je doen

(bijv, in jQuery zou dit gewoon $('#idvanlink").bind('click', functienaam); zijn, en die call gaat dan afhankelijk van welke browser het is de juiste call uitvoeren

[R4gnax]

ZeroXT schreef op woensdag 24 februari 2010 @ 00:13:
Dit omdat ik dus een functie binnen een andere functie probeer te benaderen. Heeft iemand enig idee hoe ik dit kan oplossen?

Zoals eerder gezegd; gebruik een standaard library zoals jQuery. Hang ook vooral niet aan elk individueel anchor een onclick event handler, maar gebruik event delegation. Zie ook een eerdere post waar een voorbeeld in staat.