Notify when a page is loaded – Userscripts.org <link rel="shortcut icon" href="/images/script_icon.png" type="image/x-icon" /> <link href="http://static.userscripts.org/stylesheets/display.css?1227339158" media="screen" rel="stylesheet" type="text/css" /> <script src="http://static.userscripts.org/javascripts/prototype.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/effects.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/lowpro.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/application.js?1227339158" type="text/javascript"></script> <link href="/topics/3063.rss" rel="alternate" title="Subscribe to 'Notify when a page is loaded'" type="application/rss+xml" /> </head> <body> <div id="header"> <ul id="mainmenu"> <li><a href="/articles" rel="nofollow">Blog</a></li> <li><a href="/scripts" rel="nofollow">Scripts</a></li> <li><a href="/forums" rel="nofollow">Forums</a></li> <li><a href="/users" rel="nofollow">People</a></li> <li><a href="/signup" rel="nofollow">Signup</a></li> <li><a href="/login" rel="nofollow">Login</a></li> </ul> <h1><a href="/" title="Userscripts.org"><img alt="Userscripts.org" src="http://static.userscripts.org/images/userscripts.org.png?1227339158" /></a></h1> </div> <div id="container"> <div id="content"> <div class="crumbs"> <a href="/forums">Forums</a> <span class="arrow">→</span> <a href="/forums/2">Ideas and script requests</a> <span class="arrow">→</span> </div> <h1 id="topic-title"> Notify when a page is loaded </h1> <p class="subtitle"> <a href="/topics/3063.rss"><img alt="Subscribe to Notify when a page is loaded" height="14" src="http://static.userscripts.org/images/feed-icon.png?1227339158" width="14" /></a> 2 posts, 2 voices </p> <a name="posts-11489" id="posts-11489"> </a> <table border="0" cellspacing="0" cellpadding="0" class="posts wide"> <tr class="post hentry " id="11489-row"> <td class="author vcard"> <div class="date"> <a href="#posts-11489" rel="bookmark"> <abbr class="updated" title="2008-08-10T16:28:06-05:00"> Aug 10, 2008 4:28pm </abbr> </a> </div> <img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=13fa2f1b582876f44ed4a5f0bec6c66e&rating=PG&size=32&default=identicon" width="32" /> <span class="fn"><a href="/users/62481" class="admin" rel="nofollow">Julius Besser</a></span> <span class="role"> User </span> </td> <td class="body entry-content" id="post-body-11489">  <p>Is it possible to make a script that will make some sort of notification when any page is done loading? I am on a slow connection, so sometimes I have to wait a minute for a page to load, and I want it to tell me when the page is finished loading.</p> </td> </tr> <tr class="spacer"> <td colspan="2"> <a name="posts-11503" id="posts-11503"> </a> </td> </tr> <tr class="post hentry " id="11503-row"> <td class="author vcard"> <div class="date"> <a href="#posts-11503" rel="bookmark"> <abbr class="updated" title="2008-08-11T02:39:39-05:00"> Aug 11, 2008 2:39am </abbr> </a> </div> <img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=0300e643e8d609062ef9fea65e692596&rating=PG&size=32&default=identicon" width="32" /> <span class="fn"><a href="/users/22480" rel="nofollow">znerp</a></span> <span class="role"> Scriptwright </span> </td> <td class="body entry-content" id="post-body-11503">  <p>This should work...<pre>window.addEventListener('load', function(e) { alert("page loaded!"); }, true);</pre></p> </td> </tr> </table> </div> <div id="right"> <form action="/posts/search" class="search" method="get"><p><label for="q" id="q_label">Search all posts</label><input id="q" name="q" type="text" /></p></form> <h5>Voices</h5> <a href="/users/62481" rel="nofollow" title="Julius Besser"><img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=13fa2f1b582876f44ed4a5f0bec6c66e&rating=PG&size=32&default=identicon" width="32" /></a></li> <a href="/users/22480" rel="nofollow" title="znerp"><img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=0300e643e8d609062ef9fea65e692596&rating=PG&size=32&default=identicon" width="32" /></a></li> <h5>Sponsored links</h5> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> <script type="text/javascript"> //<![CDATA[ if ($('q')) { $('q_label').hide(); Event.observe('q', 'focus', function(e) { if (this.value == $('q_label').innerHTML) { this.value = ""; this.style.color = null; } }); function q_show_label(e) { if (this.value == "" || this.value == $('q_label').innerHTML) { this.value = $('q_label').innerHTML; this.style.color = "#888"; } } Event.observe('q', 'blur', q_show_label); q_show_label.call($('q')); // Event.trigger didn't work } //]]> </script> <br style="clear:both;" /> </div> <div id="footer"> <p> <strong class="disclaim">Because it's your web.</strong> <em class="credit">A <a href="http://tr.emendo.us" rel="nofollow">tremendous</a> project with the help from our <a href="/users/contributers" rel="nofollow">friends</a>.</em> </p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-50927-4"; urchinTracker(); </script> <script type="text/javascript" src="/mint/?js"></script> <script type="text/javascript"> _qoptions={ qacct:"p-6eWjYgYdo7Su6" }; </script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <noscript><img src="http://pixel.quantserve.com/pixel/p-6eWjYgYdo7Su6.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></noscript> <script src="http://userscripts.uservoice.com/widgets/tab.js?alignment=right&color=f18705" type="text/javascript"></script> </body> <script type="text/javascript"></script> </html>