[Javascript] dynaimsch gegenereerde event handler params

[Hardcell]

Beetje vage titel maar ik kon even niets beters verzinnen. Mijn probleem is alsvolgt:

Ik maak in code een menu aan. Ik heb hiervoor een class menu met hierin een array van menuItems en een functie draw. Die draw functie maakt een unsorted list aan dmv document.createElement() waarin elk menuItem een list item is. Nu is het de bedoeling dat als je met de muis over zo'n list element heengaat dat er een functie setActiveItem(id) wordt aangeroepen in deze menu classe waarbij id het id van het desbetreffende list element is.

In de loop die het menu aanmaakt is dit de code die het list element maakt

code:

var topMenuListItem = document.createElement('li');
topMenuListItem.setAttribute('id', currentItem.itemId);
topMenuListItem.onmouseover = function() { topNavMenu.SetActiveItem(topMenuListItem.id); };

Nu krijg ik bij ieder element waar ik overheen hover de id van het laatst getoonde list element. Hoe kan ik er voor zorgen dat ieder list item zijn eigen id meegeeft?

[zwippie]

Volgens mij ben je op zoek naar this.

[Hardcell]

Hmm, ik zie daar nergens een voorbeeld waar ze in die doSomething functie een parameter meegeven? Alleen bij het inline event registration voorbeeld.

Of begrijp ik iets niet goed?

[Verwijderd]

Een beetje verder in de tekst staat de oplossing...

Als je gewoon schrijft

code:

topMenuListItem.onmouseover = doSomething

dan kan je in de functie doSomething het keyword this gebruiken

je mag doSomething niet nogmaals verpakken in een functie

[ Voor 22% gewijzigd door Verwijderd op 20-11-2009 23:14 ]

[Hardcell]

Nee, want als ik er geen functie omheen wrap wordt die functie alleen 1x uitgevoerd zodra de pagina geladen wordt en daarna niet meer.

[Hardcell]

Opgelost met het Prototype javascript framework d.m.v. de bind functie:

code:

topMenuListItem.onmouseover = window.topNavMenu.SetActiveItem.bind(topMenuListItem);