Javascript (?) help - need to check connectivity - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=38874.0&return_msg=38874.12"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=38874.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=38874.11">11–18</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=38874.12">Javascript (?) help - need to check connectivity</a> </h3> <div id="messages" data-navigation="38874_12_18_10"> <a name="a38874_12"></a><div class="message" id="message_38874_12"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 3 Sep 2011 15:27</span> <div class="clearer"></div> </div><div class="message_to">To: Monsoir (PILOTDAN) <span><span class="image post_read" title="Read: 3 Sep 2011 15:27"></span></span> <span class="message_count">12 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.12">38874.12</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.11">38874.11</a></div> <div class="message_body"> Should be lowercase e for error?</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.12&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.12"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_13"></a><div class="message" id="message_38874_13"> <div class="message_header"> <div class="message_from"> From: Monsoir (PILOTDAN)<span class="message_time"> 3 Sep 2011 15:42</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 3 Sep 2011 15:59"></span></span> <span class="message_count">13 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.13">38874.13</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_12" target="_self">38874.12</a></div> <div class="message_body"> Think I've sussed the problem, maybe. I've added a "didError" variable and set it to one when the error occurs. However, because it's not triggering UNTIL the error, my code is going ahead and executing before the image has failed</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.13&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.13"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_14"></a><div class="message" id="message_38874_14"> <div class="message_header"> <div class="message_from"> From: Monsoir (PILOTDAN)<span class="message_time"> 3 Sep 2011 15:52</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 3 Sep 2011 15:59"></span></span> <span class="message_count">14 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.14">38874.14</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_12" target="_self">38874.12</a></div> <div class="message_body"> <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">function checkImageUrl() {   $('#ImageTest') .error(function() { setTimeout("checkImageUrl()", 2000); })   $('#ImageTest').load(function() { window.location.replace(redirectURL); });   $('#ImageTest').attr("src", imageURL + "?=" + d.getTime());   }   checkImageUrl();</pre><br /> <br /> Trial and error, yay!</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.14&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.14"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_15"></a><div class="message" id="message_38874_15"> <div class="message_header"> <div class="message_from"> From: Monsoir (PILOTDAN)<span class="message_time"> 3 Sep 2011 15:55</span> <div class="clearer"></div> </div><div class="message_to">To: Monsoir (PILOTDAN) <span><span class="image post_read" title="Read: 3 Sep 2011 15:55"></span></span> <span class="message_count">15 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.15">38874.15</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_14" target="_self">38874.14</a></div> <div class="message_body"> Hmm, this does work but looking at it in FireBug, it appears to exponentially load images and I'm not really sure why <span class="emoticon e_sad" title=":("><span class="e__">:(</span></span></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.15&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.15"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_16"></a><div class="message" id="message_38874_16"> <div class="message_header"> <div class="message_from"> From: Monsoir (PILOTDAN)<span class="message_time"> 3 Sep 2011 16:06</span> <div class="clearer"></div> </div><div class="message_to">To: Monsoir (PILOTDAN) <span><span class="image post_read" title="Read: 3 Sep 2011 16:06"></span></span> <span class="message_count">16 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.16">38874.16</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_15" target="_self">38874.15</a></div> <div class="message_body"> Ah, every time the function is called I'm creating a new event handler. Moved them out of the function and I think I'm there.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.16&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.16"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_17"></a><div class="message" id="message_38874_17"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 3 Sep 2011 16:14</span> <div class="clearer"></div> </div><div class="message_to">To: Monsoir (PILOTDAN) <span><span class="image post_read" title="Read: 3 Sep 2011 16:14"></span></span> <span class="message_count">17 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.17">38874.17</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_16" target="_self">38874.16</a></div> <div class="message_body"> Yay!<br /> <br /> Course once you switch to IE7 you'll probably find some random annoying error cropping up just to be a pain. <span class="emoticon e_sad" title=":("><span class="e__">:(</span></span></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.17&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.17"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a38874_18"></a><div class="message" id="message_38874_18"> <div class="message_header"> <div class="message_from"> From: Monsoir (PILOTDAN)<span class="message_time"> 3 Sep 2011 16:24</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 3 Sep 2011 16:41"></span></span> <span class="message_count">18 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=38874.18">38874.18</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=38874.12#a38874_17" target="_self">38874.17</a></div> <div class="message_body"> <p>You were right <span class="emoticon e_grin" title=":D"><span class="e__">:D</span></span> Just does nothing after the first event in IE, I guess changing the image url doesn't force a reload of the image.</p> <p> </p> <p>I have, however, got it working by forcing a page refresh. I'll try and figure out how to get IE to reload the image because it's much cleaner, but at least I can make it work regardless.</p></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=38874.18&return_msg=38874.12" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="38874.18"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> </div> </body>