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.11"> <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.21">21–30</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.11">IE, spawn of Satan</a> </h3> <div id="messages" data-navigation="40661_11_58_10"> <a name="a40661_11"></a><div class="message" id="message_40661_11"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">26 Aug 2013 22:17</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 27 Aug 2013 07:24"></span></span> <span class="message_count">11 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.11">40661.11</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.10">40661.10</a></div> <div class="message_body"> Ah but it did work in Firefox (which incidentally the web developer plugin gave my script a clean bill of health), and in Chrome, and in Safari. <br /> <br /> Repeat after me: it.did.not.work.in.IE.and.it.only.did.not.work.in.IE.<br /> <br /> See? That wasn't so hard!<br /> <br /> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.11&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.11"> <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_12"></a><div class="message" id="message_40661_12"> <div class="message_header"> <div class="message_from"> From: Matt<span class="message_time">27 Aug 2013 12:19</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 14:30"></span></span> <span class="message_count">12 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.12">40661.12</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.5">40661.5</a></div> <div class="message_body"> If you were genuinely <em>only </em>doing that, and IE stopped responding to clicks, then sure IE is broken.<br /><br /> But I suspect you have other (broken) JavaScript on the page (console is your friend), or maybe have managed to position a transparent element over the click target (element selector is your friend) which is stopping the target element from receiving the click events.<br /><br /> The whole point of jQuery is that it makes things like this behave the same across all browsers, including IE.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.12&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_13"></a><div class="message" id="message_40661_13"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">27 Aug 2013 14:30</span> <div class="clearer"></div> </div><div class="message_to">To: Matt <span><span class="image post_read" title="Read: 27 Aug 2013 17:19"></span></span> <span class="message_count">13 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.13">40661.13</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_12" target="_self">40661.12</a></div> <div class="message_body"> <a href="http://www.tehforum.co.uk/forum/index.php?webtag=DEFAULT&msg=40661.11">http://www.tehforum.co.uk/forum/index.php?webtag=DEFAULT&msg=40661.11</a><div class="edit_text">EDITED: 27 Aug 2013 14:31 by DSMITHHFX</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.13&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_14"></a><div class="message" id="message_40661_14"> <div class="message_header"> <div class="message_from"> From: af (CAER)<span class="message_time">27 Aug 2013 15:03</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 15:14"></span></span> <span class="message_count">14 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.14">40661.14</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_13" target="_self">40661.13</a></div> <div class="message_body"> The point is, it's more likely the broken code you're using/writing being the issue, than it is jQuery's compatibility with IE10 being the issue.<br /><br /> Yes, old IEs can be a pain to work with, but the problem here could be several things specific to IE10, possibly it being more strict about certain things than Firefox or Chrome, or like Matt said, transparent elements over the target, or some slight difference in how IE interprets some CSS.<br /><br /> The point is <em>you don't know</em>, which is why everyone is telling you to open IE's console/dev tools and find out what the actual cause of the problem is, and fix that, rather than resorting to horrible inline-JS hackery.<br /><div class="edit_text">EDITED: 27 Aug 2013 15:19 by CAER</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.14&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_15"></a><div class="message" id="message_40661_15"> <div class="message_header"> <div class="message_from"> From: af (CAER)<span class="message_time">27 Aug 2013 15:04</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 15:14"></span></span> <span class="message_count">15 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.15">40661.15</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_13" target="_self">40661.13</a></div> <div class="message_body"> And if you <em>have</em> found an issue with jQuery and its different handling of browser features, you should let the jQuery devs know about it.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.15&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_16"></a><div class="message" id="message_40661_16"> <div class="message_header"> <div class="message_from"> From: af (CAER)<span class="message_time">27 Aug 2013 15:19</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 15:21"></span></span> <span class="message_count">16 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.16">40661.16</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.5">40661.5</a></div> <div class="message_body"> Here's a minimal test case:<br /> <a href="http://caer.me/clickhandler.html">http://caer.me/clickhandler.html</a><br /></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.16&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_17"></a><div class="message" id="message_40661_17"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">27 Aug 2013 15:21</span> <div class="clearer"></div> </div><div class="message_to">To: af (CAER) <span><span class="image post_read" title="Read: 27 Aug 2013 16:17"></span></span> <span class="message_count">17 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.17">40661.17</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_14" target="_self">40661.14</a></div> <div class="message_body"> I suspect an IE-specific conflict between the ca. 2008 css list js and jquery that I injected my little submenu into.<br /><br /> I got it working. Am I going to now obsessive-compulsively troubleshoot an issue between a really old (and rather complex) javascript, jquery and IE10?<br /><br /> In a word, no.<div class="edit_text">EDITED: 27 Aug 2013 15:23 by DSMITHHFX</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.17&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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="a40661_18"></a><div class="message" id="message_40661_18"> <div class="message_header"> <div class="message_from"> From: af (CAER)<span class="message_time">27 Aug 2013 16:18</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 17:26"></span></span> <span class="message_count">18 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.18">40661.18</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_17" target="_self">40661.17</a></div> <div class="message_body"> Well sure, if it's an isolated case then no point losing sleep over it. Like you said earlier, the user isn't going to be looking at the source anyway, so if it works, no big deal.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.18&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.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><a name="a40661_19"></a><div class="message" id="message_40661_19"> <div class="message_header"> <div class="message_from"> From: CHYRON (DSMITHHFX)<span class="message_time">27 Aug 2013 17:26</span> <div class="clearer"></div> </div><div class="message_to">To: af (CAER) <span><span class="image post_read" title="Read: 27 Aug 2013 18:26"></span></span> <span class="message_count">19 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.19">40661.19</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_18" target="_self">40661.18</a></div> <div class="message_body"> You are not PB.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.19&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.19"> <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_20"></a><div class="message" id="message_40661_20"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">27 Aug 2013 18:03</span> <div class="clearer"></div> </div><div class="message_to">To: CHYRON (DSMITHHFX) <span><span class="image post_read" title="Read: 27 Aug 2013 18:14"></span></span> <span class="message_count">20 of 58</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=40661.20">40661.20</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=40661.11#a40661_17" target="_self">40661.17</a></div> <div class="message_body"> It's quite simple: <p> • If all you want to do is whine about how useless you are at debugging trivial JS issues, use Ranter's Corner. </p><p> • If you want to receive advice on how you can stop being useless, post in Coding. It's not like these folder things are new technology or anything...</p></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=40661.20&return_msg=40661.11" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="40661.20"> <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.21" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>