Event 'load' doesn't work on JavaScript

Question

hi,

I try to put an event on document loading but not works... I'd put an alert box, but never seen it...

document.addEventListener ("load",initEventHandlers,false);

function initEventHandlers ()
{
document.getElementbyId ('croixzoom').addEventListener ('click',fermezoom,false);
alert ("Hello, i\'m a eventHAndlers") 
}
function fermezoom (){
document.getElementbyId ('zoom').style.visibility = 'hidden';
document.getElementbyId ('fondzoom').style.visibility = 'hidden';
}

Thanks for you help

Answer 1

The document does not have an onload / load event, try attaching it to 'window':

window.addEventListener ("load",initEventHandlers,false);

Answer 2

What about:

window.onload = initEventHandlers;

This will work for you.

Answer 3

Hi Gayell,

Updated As a recomendation, not a direct solution to your problem: You might want to consider using a framework if you haven't already. Maybe look at jQuery which should take a lot of the pain out of what you are trying to do.

Then you could wrap it up in syntax like:

 $(document).ready(function() {
   // put all your jQuery goodness in here.
 });

You might not want the additional layer on top of Javascript though.

I hope that helps!