IE, spawn of Satan - 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=40661.0&return_msg=40661.1"> <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=40661.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=40661.11">11–20</a>…<a href="lmessages.php?webtag=DEFAULT&msg=40661.51">51–58</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=40661.1">IE, spawn of Satan</a> </h3> <div id="messages" data-navigation="40661_1_58_10"> <a name="a40661_1"></a><div class="message" id="message_40661_1"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 15:56</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">1 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.1">40661.1</a></div> <div class="message_body"> trying to get a dead simple jquery click-show submenu thing happening. Worked great, except in IE where it works first time, then stops responding to clicks until a forced page reload, even when going to another page on the site (which to me is like an automagic page reload right there).<br /><br /> I had to resort to applying an inline onclick="" pointing to the function. Only for IE. This took me ~3-hours to figure out.<br /><br /> <span class="emoticon e_fail" title="(fail)"><span class="e__">(fail)</span></span> <span class="emoticon e_fail" title="(fail)"><span class="e__">(fail)</span></span> <span class="emoticon e_fail" title="(fail)"><span class="e__">(fail)</span></span> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.1&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.1"> <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="a40661_2"></a><div class="message" id="message_40661_2"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">26 Aug 2013 19:23</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 26 Aug 2013 19:43"></span></span> <span class="message_count">2 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.2">40661.2</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_1" target="_self">40661.1</a></div> <div class="message_body"> 1. Tools>Internet Options>Settings>"Every time I visit the webpage" <p>2. F12>Console</p></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.2&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.2"> <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="a40661_3"></a><div class="message" id="message_40661_3"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 19:45</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 26 Aug 2013 19:47"></span></span> <span class="message_count">3 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.3">40661.3</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_2" target="_self">40661.2</a></div> <div class="message_body"> 1. irrelevant.<br /> <br /> 2. not user friendly.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.3&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.3"> <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="a40661_4"></a><div class="message" id="message_40661_4"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">26 Aug 2013 19:50</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 26 Aug 2013 19:51"></span></span> <span class="message_count">4 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.4">40661.4</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_3" target="_self">40661.3</a></div> <div class="message_body"> 1. you're sure about that? <p>2. irrelevant.</p><div class="edit_text">EDITED: 26 Aug 2013 19:50 by BOUGHTONP</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.4&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.4"> <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="a40661_5"></a><div class="message" id="message_40661_5"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 20:11</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 26 Aug 2013 20:11"></span></span> <span class="message_count">5 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.5">40661.5</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_4" target="_self">40661.4</a></div> <div class="message_body"> 1. the issue is that, in this case, IE 10 could not register more than one click on an entity via an external javascript*, even <div class="quotetext"> <b>Code:</b></div> <pre class="code"> $('#entity').click(function() { alert('clicked') };</pre> It would respond to the one click only then stop responding, unlike all other browsers which displayed the alert every time it was clicked. I was only able to fix this for IE by applying an inline <div id="entity" onclick="myFunction();">.<br /><br /> 2. I'm not making this web page for me, or other developers who want to have a looksee at code. No, it is for Joe Average web visitor who can't be expected to do such a thing, <em>not even for this very, very special web site</em>. So yeah, your developer tools suggestion is a non-starter.<br /><br /><br /><br /> * in fairness this is not quite as straightforward as it sounds: I was shoehorning a submenu into an existing css list/js drop-down menu (someone else's baby, which doesn't natively support submenus) loaded via php include. Also in fairness, no other browser blinked at this trivial task.<div class="edit_text">EDITED: 26 Aug 2013 20:11 by DSMITHHFX</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.5&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.5"> <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="a40661_6"></a><div class="message" id="message_40661_6"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">26 Aug 2013 20:23</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 26 Aug 2013 20:26"></span></span> <span class="message_count">6 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.6">40661.6</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_5" target="_self">40661.5</a></div> <div class="message_body"> Looking at the console is a debugging step to stop it taking three hours, you twonk. <p>IE and jQuery are each the most frequently used of their kind; <em>they work together</em>. The issue was thus something else - perhaps a JS error (guess where they show up), or a conflict with some other JS (guess where you can see all other scripts on a page), maybe a quirks mode issue (guess where you can enforce standards compliance), though my current leaning is more towards PEBKAC.</p></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.6&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.6"> <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="a40661_7"></a><div class="message" id="message_40661_7"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 20:33</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 26 Aug 2013 20:39"></span></span> <span class="message_count">7 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.7">40661.7</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_6" target="_self">40661.6</a></div> <div class="message_body"> <div class="quotetext"> <b>quote:</b> <a href="messages.php?webtag=DEFAULT&msg=40661.6">Peter (BOUGHTONP)</a></div> <div class="quote"> <p> <em>they work together</em></p> </div> <p> Except when they don't.<br /> </p> <div class="quotetext"> <b>Quote:</b></div> <div class="quote"> The issue was thus something else - perhaps a JS error (guess where they show up), or a conflict with some other JS (guess where you can see all other scripts on a page), maybe a quirks mode issue (guess where you can enforce standards compliance)</div> <p> Or maybe it's just an IE problem, since it only affects IE.</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.7&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.7"> <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="a40661_8"></a><div class="message" id="message_40661_8"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">26 Aug 2013 20:40</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 26 Aug 2013 20:41"></span></span> <span class="message_count">8 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.8">40661.8</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_7" target="_self">40661.7</a></div> <div class="message_body"> It doesn't affect <em>my</em> IE.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.8&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.8"> <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="a40661_9"></a><div class="message" id="message_40661_9"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 20:46</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 26 Aug 2013 20:48"></span></span> <span class="message_count">9 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.9">40661.9</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_8" target="_self">40661.8</a></div> <div class="message_body"> This code issue affected two different instances of IE. I'm betting it would affect your IE. Point being, it doesn't affect anything else. Writing working code for everything else: 10-minutes. For IE: 3-hours. Most of the folks I know have long since dumped that buggy POS for Chrome.<br /><br /> Apparently not just them...<div class="edit_text">EDITED: 26 Aug 2013 20:47 by DSMITHHFX</div> </div> <div class="message_attachments"> <span>Attachments:</span> <ul> <li><span class="image attach"></span><a href="get_attachment.php?webtag=DEFAULT&hash=0e81b2090e0c9abd4a4def280f3c5459&filename=byeie.jpg" target="_blank">byeie.jpg</a></li> </ul> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.9&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.9"> <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="a40661_10"></a><div class="message" id="message_40661_10"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">26 Aug 2013 20:54</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 26 Aug 2013 22:12"></span></span> <span class="message_count">10 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.10">40661.10</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.1#a40661_9" target="_self">40661.9</a></div> <div class="message_body"> Well sure, <em>your</em> dodgy code probably wouldn't work in my Firefox either. <p>If <em>I</em> had written it, it would've taken 3 minutes, worked with every browser, and smelt like a summer day in Tuscany.</p><div class="edit_text">EDITED: 26 Aug 2013 20:55 by BOUGHTONP</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.10&return_msg=40661.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.10"> <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 class="message_page_footer"> <ul> <li class="right_col"><form accept-charset="utf-8" method="get" action="lmessages.php" target="_self"><input type="hidden" name="webtag" id="webtag" class="bhinputtext" value="DEFAULT" dir="ltr" /><input type="hidden" name="msg" id="msg" class="bhinputtext" value="40661.11" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>