[jQuery] Re: livequery not binding to ajax loaded links in ie6 and ie7?
Got it sorted. ie doesn't like the selector. Now using a different method, but still with livequery. Sorry to have bothered you Brandon, and thanks for such a powerful plugin. Sameer On Nov 14, 9:50 pm, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, I've tried changing this code: $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); to: $('#mainMenu ul li ul li a:first').triggerHandler('click'); in order to see if it was the selector that's causing the problem. It seems it is. The second line of code works as expected in ie6 and ie7. Is there another way of selecting a link with a href that matches the clicked link's href? Thanks, Sameer On Nov 14, 3:31 pm, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, no errors in ie at all. I've uploaded the site I'm working on athttp://rosiespencer.co.ukWhenit loads, click a small thumb. The menu should slide down and the contents of #content are replaced via ajax. Some larger thumbs appear. This is where it breaks in ie. In other browsers if you click one of the bigger thumbs, #content is replaced as expected. Thanks again for your help, Sameer On Nov 14, 2:23 pm, Brandon Aaron [EMAIL PROTECTED] wrote: On Thu, Nov 13, 2008 at 10:26 PM, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, I put an alert in like so: $('#content div.thumb a').livequery('click', function(e) { alert ('clicked'); e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); return false; }); Safari, Firefox and Opera all show the alert when clicked. ie6 and ie7 do not. In firebug, there are no errors. Any clues? But are there any errors in IE? -- Brandon Aaron
[jQuery] Re: livequery not binding to ajax loaded links in ie6 and ie7?
Hi Brandon, no errors in ie at all. I've uploaded the site I'm working on at http://rosiespencer.co.uk When it loads, click a small thumb. The menu should slide down and the contents of #content are replaced via ajax. Some larger thumbs appear. This is where it breaks in ie. In other browsers if you click one of the bigger thumbs, #content is replaced as expected. Thanks again for your help, Sameer On Nov 14, 2:23 pm, Brandon Aaron [EMAIL PROTECTED] wrote: On Thu, Nov 13, 2008 at 10:26 PM, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, I put an alert in like so: $('#content div.thumb a').livequery('click', function(e) { alert ('clicked'); e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); return false; }); Safari, Firefox and Opera all show the alert when clicked. ie6 and ie7 do not. In firebug, there are no errors. Any clues? But are there any errors in IE? -- Brandon Aaron
[jQuery] Re: livequery not binding to ajax loaded links in ie6 and ie7?
Hi Brandon, I've tried changing this code: $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); to: $('#mainMenu ul li ul li a:first').triggerHandler('click'); in order to see if it was the selector that's causing the problem. It seems it is. The second line of code works as expected in ie6 and ie7. Is there another way of selecting a link with a href that matches the clicked link's href? Thanks, Sameer On Nov 14, 3:31 pm, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, no errors in ie at all. I've uploaded the site I'm working on athttp://rosiespencer.co.ukWhen it loads, click a small thumb. The menu should slide down and the contents of #content are replaced via ajax. Some larger thumbs appear. This is where it breaks in ie. In other browsers if you click one of the bigger thumbs, #content is replaced as expected. Thanks again for your help, Sameer On Nov 14, 2:23 pm, Brandon Aaron [EMAIL PROTECTED] wrote: On Thu, Nov 13, 2008 at 10:26 PM, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, I put an alert in like so: $('#content div.thumb a').livequery('click', function(e) { alert ('clicked'); e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); return false; }); Safari, Firefox and Opera all show the alert when clicked. ie6 and ie7 do not. In firebug, there are no errors. Any clues? But are there any errors in IE? -- Brandon Aaron
[jQuery] livequery not binding to ajax loaded links in ie6 and ie7?
Hi, I have the following code: //link is loaded via ajax into a div in #content //when clicked find a link in #mainMenu with the same href and trigger a click on it $('#content div.thumb a').livequery('click', function(e) { e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href=' + href + ']').triggerHandler('click'); return false; }); //some code for what happens when a menu link is clicked which works well in Safari 3, Firefox 3, Opera 9 on both win and mac. However, in ie6 and ie7 I'm guessing the click event is never bound because nothing happens if the link in a div in #content is clicked. Can someone shed some light on this please? Perhaps internet explorer is not recognising the selector which has a variable in it? Or is it a livequery issue? I'm stumped. Thanks for any help, Sameer -- View this message in context: http://www.nabble.com/livequery-not-binding-to-ajax-loaded-links-in-ie6-and-ie7--tp20494001s27240p20494001.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: livequery not binding to ajax loaded links in ie6 and ie7?
Hi Brandon, thanks for your speedy reply. I added the $ as shown below. Unfortunately, ie still doesn't recognise the links added to #content as clickable. I know I'm pushing it, but do you have any other ideas as to why this should be? Sameer On Nov 14, 3:27 am, Brandon Aaron [EMAIL PROTECTED] wrote: It is most likely an issue with selecting the a tag by the href attribute. Sometimes the href attribute gets serialized by IE. Try using the $= attribute selector (http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue) to find that a tag. $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler('click'); -- Brandon Aaron On Thu, Nov 13, 2008 at 9:13 PM, n00bert [EMAIL PROTECTED] wrote: Hi, I have the following code: //link is loaded via ajax into a div in #content //when clicked find a link in #mainMenu with the same href and trigger a click on it $('#content div.thumb a').livequery('click', function(e) { e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href=' + href + ']').triggerHandler('click'); return false; }); //some code for what happens when a menu link is clicked which works well in Safari 3, Firefox 3, Opera 9 on both win and mac. However, in ie6 and ie7 I'm guessing the click event is never bound because nothing happens if the link in a div in #content is clicked. Can someone shed some light on this please? Perhaps internet explorer is not recognising the selector which has a variable in it? Or is it a livequery issue? I'm stumped. Thanks for any help, Sameer -- View this message in context: http://www.nabble.com/livequery-not-binding-to-ajax-loaded-links-in-i... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: livequery not binding to ajax loaded links in ie6 and ie7?
Hi Brandon, I put an alert in like so: $('#content div.thumb a').livequery('click', function(e) { alert ('clicked'); e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler ('click'); return false; }); Safari, Firefox and Opera all show the alert when clicked. ie6 and ie7 do not. In firebug, there are no errors. Any clues? Sameer On Nov 14, 4:06 am, Brandon Aaron [EMAIL PROTECTED] wrote: Well, to help debug the issue, try putting an alert within the click handler to make sure the click event is being bound and it isn't livequery causing the issue. Are you getting any script errors on the page? -- Brandon Aaron On Thu, Nov 13, 2008 at 10:04 PM, n00bert [EMAIL PROTECTED] wrote: Hi Brandon, thanks for your speedy reply. I added the $ as shown below. Unfortunately, ie still doesn't recognise the links added to #content as clickable. I know I'm pushing it, but do you have any other ideas as to why this should be? Sameer On Nov 14, 3:27 am, Brandon Aaron [EMAIL PROTECTED] wrote: It is most likely an issue with selecting the a tag by the href attribute. Sometimes the href attribute gets serialized by IE. Try using the $= attribute selector ( http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue) to find that a tag. $('#mainMenu ul li ul li a[href$=' + href + ']').triggerHandler('click'); -- Brandon Aaron On Thu, Nov 13, 2008 at 9:13 PM, n00bert [EMAIL PROTECTED] wrote: Hi, I have the following code: //link is loaded via ajax into a div in #content //when clicked find a link in #mainMenu with the same href and trigger a click on it $('#content div.thumb a').livequery('click', function(e) { e.preventDefault(); var href = $(this).attr('href'); $('#mainMenu ul li ul li a[href=' + href + ']').triggerHandler('click'); return false; }); //some code for what happens when a menu link is clicked which works well in Safari 3, Firefox 3, Opera 9 on both win and mac. However, in ie6 and ie7 I'm guessing the click event is never bound because nothing happens if the link in a div in #content is clicked. Can someone shed some light on this please? Perhaps internet explorer is not recognising the selector which has a variable in it? Or is it a livequery issue? I'm stumped. Thanks for any help, Sameer -- View this message in context: http://www.nabble.com/livequery-not-binding-to-ajax-loaded-links-in-i. .. Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: strange behavior of Safari
Hi, My eternal quest for a solution to Safari FOUC may, at last, have come to an end. See http://jonaquino.blogspot.com/2007/02/workaround-for-safari-fouc-bug.html this post. The author presents a solution and commenters come up with improvements. Just tried a test of an old site that failed mainly because of FOUC in Safari and it now works well (I used Varen's solution with Jonathon's PHP code). I'm working on a jquery site at the moment and I'll try the methods to see if they work. Also, apparently Safari devs eliminated the FOUC problem in their nightly builds. See http://www.stylegala.com/news/public200608/2166.htm this post. While it doesn't help us now, at least future versions will have been fixed. Hope this is of some help. n00bert Dmitry Rudakov wrote: I'll try to describe it with my poor English... When Safari starts loading a page... It looks like page has no CSS at all and it appears in default markup (just a long list of DIVs) then Safari discovers CSS and re-renders the page in a normal way... All this leads to annoying flicks on the page. I tried to localize this problem but found only that it somehow connected with JavaScript and modifications in DOM... If anybody encountered such a strange behavior of Safari?.. Maybe this is a known problem and you could give me an advice how to avoid such a problem with Safari? I would appreciate any insight or idea concerning this case... -- View this message in context: http://www.nabble.com/strange-behavior-of-Safari-tf3148710s15494.html#a11644860 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi Joel, Thanks for your reply and the test page. Way beyond the call of duty and hugely appreciated! If, as you say, the css works well even in IE6 then it must be other css interfering. Now that you've thrown me onto the correct path, I'll investigate and post back here when I have a solution. Again, thanks for your insights and effort! Also, congratulations on a wonderful jquery plugin. One of, if not, the best plugin I've found. n00bert thumblewend wrote: Hi, I couldn't see anything wrong with your code so I set up a test page using your CSS in an effort to see where the problem was. http://users.tpg.com.au/j_birch/plugins/superfish/noobert/ Only the first three submenus of the first menu item have the right amount of levels of submenu so only look at those ones for this exercise. I used your CSS exactly as you posted it the second time - no changes - and it works perfectly, even in IE6. The third level of submenu animates in just like the others do. Maybe there is other CSS on the page interfering with the CSS you posted? Not sure why you are seeing it not working but hopefully my working test case will give you some clues. Let me know how you go. Joel Birch. -- View this message in context: http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11593028 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Superfish 1.2.1 3rd level IE display problem
Hi, I'm using Superfish, available http://users.tpg.com.au/j_birch/plugins/superfish/ here . I've added a third level and made the changes given by Joel Birch in answer to http://www.nabble.com/Help-with-Superfish-drop-down-menu-tf4068599s15494.html#a11561582 this post . Everything works fine in all browsers except IE6 (have not tested IE7). In IE6, the third level list does not display at all. Can't figure it out. I've posted my superfish CSS below hoping that someone can help a newbie. Many thanks. superfish.css .nav, .nav * {margin:0;padding:0;} .nav {line-height:1.0;float:left;} .nav ul {background:#ff; /*IE6 needs this*/} .nav li {background:#ff;float:left;list-style:none;position:relative;z-index:999;} .nav a {color: #ee;display:block;float:left;padding:.75em 1em;text-decoration:none;width:11.3em;} .nav li ul {float:none;top:-999em;position:absolute;} .nav li li:hover, .nav li li.sfHover, .nav a:focus, .nav li li li a:hover, .nav li li a:hover {background:#6a737b;color:#ff;} .nav li:hover ul, /* pure CSS hover is removed below */ul.nav li.sfHover ul {left:-1px;top:2.5em;} .nav li:hover li ul, .nav li.sfHover li ul {top:-999em;} .nav li li:hover ul, /* pure CSS hover is removed below */ul.nav li li.sfHover ul {left:13.3em;top:-1px;width:13.3em;} .nav li li:hover li ul, .nav li li.sfHover li ul {top:-999em;} .nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li li.sfHover ul {left:13.3em;top:-1px;} /*following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears*/ .superfish li:hover ul,.superfish li li:hover ul, .superfish li li li:hover ul {top:-999em;} .nav li li {background-color:#42454a;color:#ff;float:none;width:13.3em;border-left:1px solid #4c5054;border-top:1px solid #4c5054;} .nav li li li {background-color:#42454a;color:#ff;} .nav li li a {float:none;padding-right:0;width:11.3em;} .current {color:#4c5054;} /* quick hacks for IE */ *html .nav li li {margin-bottom:-3px;} *+html .nav li li {margin-bottom:-3px;} -- View this message in context: http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11588356 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Superfish 1.2.1 3rd level IE display problem
Hi, thanks for your reply. I did as you said, but still no change. The third level doesn't appear in IE6. Any further insights would be greatly appreciated. I've pasted the revised css below: .nav, .nav * {margin:0;padding:0;} .nav {line-height:1.0;float:left;} .nav ul {background:#ff; /*IE6 needs this*/} .nav li {background:#ff;float:left;list-style:none;position:relative;z-index:999;} .nav a {color: #ee;display:block;float:left;padding:.75em 1em .75em 1em;text-decoration:none;width:11.3em;} .nav li ul {float:none;top:-999em;position:absolute;} .nav li li:hover, .nav li li.sfHover, .nav a:focus, .nav li li li a:hover, .nav li li li a.sfHover, .nav li li a:hover, .nav li li a.sfHover {background:#6a737b;color:#ff;} .nav li:hover ul, /* pure CSS hover is removed below */ul.nav li.sfHover ul {left:-1px;top:2.5em;} .nav li:hover li ul, .nav li.sfHover li ul {top:-999em;} .nav li li:hover ul, /* pure CSS hover is removed below */ul.nav li li.sfHover ul {left:13.3em;top:-1px;width:13.3em;} .nav li li:hover li ul, .nav li li.sfHover li ul {top:-999em;} .nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li li.sfHover ul {left:13.3em;top:-1px;} /*following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears*/ .superfish li:hover ul,.superfish li li:hover ul, .superfish li li li:hover ul {top:-999em;} .nav li li {background-color:#42454a;color:#ff;float:none;width:13.3em;border-left:1px solid #4c5054;border-top:1px solid #4c5054;} .nav li li li {background-color:#42454a;color:#ff;} .nav li li a {float:none;padding-right:0;width:11.3em;} .current {color:#4c5054;} /* quick hacks for IE */ *html .nav li li {margin-bottom:-3px;} *+html .nav li li {margin-bottom:-3px;} Olivier percebois-Garve wrote: for each :hover you should have a .sfhover ... -- View this message in context: http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11590343 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] How to point Thickbox3 links in an iframe to the iframe's container
Hi, I have set up an image on a html page (pageA), which when clicked opens up a Thickbox iframe(pageB). This iframe contains the contents of an html file including links to other pages in my site. When these links are clicked, the resulting html page is loaded within the iframe. What do I need to do to have the links open in the original html page (pageA)? Another way of putting it: the links in the thickbox cause a page to load in the thickbox. I want those links to close the thickbox and then open their pages underneath the thickbox. Is this possible? What do I need to do? thanks for any help... n00bert -- View this message in context: http://www.nabble.com/How-to-point-Thickbox3-links-in-an-iframe-to-the-iframe%27s-container-tf3863202s15494.html#a10944160 Sent from the jQuery Plugins mailing list archive at Nabble.com.