ansaurus

Question

Answer 1

+2 A:

You can attach a handler to the window load event with js, so you don't need the markup.

// crossbrowser event binding from http://www.quirksmode.org/js/eventSimple.html
//function addEventSimple(obj,evt,fn) {
//    if (obj.addEventListener)
//      obj.addEventListener(evt,fn,false);
//    else if (obj.attachEvent)
//      obj.attachEvent('on'+evt,fn);
//}

// using Google API's event functions
GEvent.addDomListener(window, "load", load);
GEvent.addDomListener(window, "unload", GUnload);

function load() {
    // your load function
}

Drop that in a script tag on your view and the load function will be called once the window is loaded.

The google API probably also provides a way to attach the load event, but I'm not familiar with it.

Joel Potter 2010-04-07 15:35:52

I was doing some experiments and I found a possible solution (or at least it seems to be working! :)I've moved the main script in the MAP div, then added at the end of the script itself two more lines: load(); to call the function, and GUnload(). So basically the functions that were called onload and onunload are called directly.It seems to be working, but I have NO idea if this is just luck and can cause problems - what do you think?

Patrick 2010-04-07 15:48:09

@Patrick, That may be sufficient depending on what the google API actually does. When you write it that way, the scripts will be executed before the page is done loading (they will also block the loading until they are done executing). By putting it on the load event, the map load would be done asynchronously.

Joel Potter 2010-04-07 16:13:16

Your solution seem to work Joel. Is there a way I can put the whole script in a JS file and call it with script src='...'? I need to pass it some variables though, the ones that in the script above are generated by php - how can i do it?

Patrick 2010-04-07 17:03:08

@Patrick, Yes, you can put it in a script file. On your view you will still need to setup a variable `var latLong = <?php echo ($info->lat ?>;`, and then in your script file just use `latLong` instead of the php.

Joel Potter 2010-04-07 17:32:56

Side note: this addEventSimple implementation is already encapsulated by `GEvent.addDomListener` (http://code.google.com/apis/maps/documentation/reference.html#GEvent.addDomListener) which is available to the OP by virtue of including the Google maps api. The OPs code sample also includes `onunload` which is encapsulated by `GEvent.removeListener`.

Crescent Fresh 2010-04-07 18:21:27

@Crescent, I figured they had something like that, but I'm not familiar with the library. I'll update the answer to include that.

Joel Potter 2010-04-07 18:57:49

@Joel: sorry I don't know why I referred to `GEvent.removeListener` :) My mistake.

Crescent Fresh 2010-04-07 20:07:20

@Crescent, Hah! I guess I wasn't thinking when I edited.

Joel Potter 2010-04-07 20:25:42

ansaurus

tags:

views:

answers:

how to use window.onload?

related questions