ansaurus

Question

Javascript event when page is actually shown in a web browser

Answer 1

+1 A:

<html><head>

<script type="text/javascript">
window.__hasfocus = true;
window.onload = function() {
    window.__loaded = true;
    if(window.__hasfocus && !window.__startFlag) start();
}
window.onblur = function() { window.__hasfocus = false; }
window.onfocus = function() {
    if(window.__loaded && !window.__startFlag) start();
}
function start() {
    window.__startFlag = true;
    alert('starting');
}
</script>
</head>

<body>
<img title="" src="http://stereo.gsfc.nasa.gov/img/spaceweather/preview/tricompSW.jpg"&gt;
</body>
</html>

Rob 2009-11-05 15:35:35

as a general rule, don't do `window.onload=...`, etc. as it will override other handlers. it's a bad habit that can lead to problems with complex pages. use jQuery's event binding to take care of this, since it is available and easy.

geowa4 2009-11-05 15:45:04

still +1 for the right idea though.

geowa4 2009-11-05 15:45:36

Right, I'm not familiar with jquery but in mootools you can dowindow.addEvent('load') = function() { ... }I'm guessing it's similar in jquery.

Rob 2009-11-05 16:00:20

ansaurus

tags:

views:

answers:

Javascript event when page is actually shown in a web browser

related questions