Comments on: Updated: Hover for non-anchor elements in IE6 http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6 Fri, 06 May 2011 12:22:54 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: mr bob http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-443 mr bob Thu, 21 Apr 2011 11:23:10 +0000 http://blog.delivi.com/?p=52#comment-443 Thanks for this! you saved my job today Thanks for this! you saved my job today

]]> By: livingston http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-415 livingston Sat, 13 Nov 2010 07:52:16 +0000 http://blog.delivi.com/?p=52#comment-415 @Aditya: I agree that event delegation would be much better approach, especially when there are hundreds of nodes and new nodes being added to the DOM after page load. But that would drastically affect the performance as we'd have to listen on body/window for 'mouseenter/mouseleave' events, which would be triggered for all the elements on the page. @Dave Bergschneider - you can always modify the selector `$('.hoverable')` with the elements that you intend to apply the hover fix. For eg. if you want to apply the hover fix to be applied on li's within a ul, the modify the selector as `$('ul li')`. @Aditya: I agree that event delegation would be much better approach, especially when there are hundreds of nodes and new nodes being added to the DOM after page load. But that would drastically affect the performance as we’d have to listen on body/window for ‘mouseenter/mouseleave’ events, which would be triggered for all the elements on the page.

@Dave Bergschneider – you can always modify the selector `$(‘.hoverable’)` with the elements that you intend to apply the hover fix.

For eg. if you want to apply the hover fix to be applied on li’s within a ul, the modify the selector as `$(‘ul li’)`.

]]> By: Dave Bergschneider http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-414 Dave Bergschneider Thu, 07 Oct 2010 14:52:00 +0000 http://blog.delivi.com/?p=52#comment-414 @livingston - Is there anyway to blanket this functionality to LI's or all child elements of the element with the class? I ask because in the event you are using a CMS you may not actually be able to touch the markup generated. @livingston – Is there anyway to blanket this functionality to LI’s or all child elements of the element with the class? I ask because in the event you are using a CMS you may not actually be able to touch the markup generated.

]]> By: Aditya http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-412 Aditya Sun, 26 Sep 2010 10:48:47 +0000 http://blog.delivi.com/?p=52#comment-412 Wouldn't it be better if you used event-delegation instead of attaching handlers to each such node, to make it work for nodes added later... <code> // jquery example... doing in vanilla JS wont be hard either.. $(document).ready(function () { /*@cc_on @if (@_jscript_version == 5.6 || (@_jscript_version == 5.7 && !window.XMLHttpRequest)) $(".hoverable").live("onmouseenter",function(){ $(this).addClass("hovered"); }).live("onmouseleave",function(){ $(this).removeClass("hovered"); }); @end @*/ }); </code> PS: not recommended if no newer nodes would be added later... delegation is a bit slower than individually attached events Wouldn’t it be better if you used event-delegation instead of attaching handlers to each such node, to make it work for nodes added later…


// jquery example... doing in vanilla JS wont be hard either..
$(document).ready(function () {
/*@cc_on
@if (@_jscript_version == 5.6 || (@_jscript_version == 5.7 && !window.XMLHttpRequest))
$(".hoverable").live("onmouseenter",function(){
$(this).addClass("hovered");
}).live("onmouseleave",function(){
$(this).removeClass("hovered");
});
@end
@*/
});

PS: not recommended if no newer nodes would be added later… delegation is a bit slower than individually attached events

]]> By: Xiaopu http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-409 Xiaopu Tue, 24 Aug 2010 20:50:53 +0000 http://blog.delivi.com/?p=52#comment-409 This was very helpful! Thank you so much! This was very helpful! Thank you so much!

]]> By: livingston http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-408 livingston Wed, 18 Aug 2010 15:35:31 +0000 http://blog.delivi.com/?p=52#comment-408 @poupougnac - I'd strongly recommend not to use that plugin, because it tries to parse the css files and apply fixes based on the selectors with hover defined. As IE 6 has very poor js performance and in any project with css files that have more than a few hundreds of lines this will result in a huge impact on the performance. @poupougnac – I’d strongly recommend not to use that plugin, because it tries to parse the css files and apply fixes based on the selectors with hover defined. As IE 6 has very poor js performance and in any project with css files that have more than a few hundreds of lines this will result in a huge impact on the performance.

]]> By: poupougnac http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-407 poupougnac Wed, 18 Aug 2010 15:23:38 +0000 http://blog.delivi.com/?p=52#comment-407 Hi, I encourage you to test this jQuery plugin which definitively implement the :hover functionality on IE6. You don't have to change anything on your code, just add and load the plugin. http://plugins.jquery.com/project/ie6hover Hi, I encourage you to test this jQuery plugin which definitively implement the :hover functionality on IE6. You don’t have to change anything on your code, just add and load the plugin.
http://plugins.jquery.com/project/ie6hover

]]> By: Hover for non-anchor elements in IE6 | Blog de Livi http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/comment-page-1#comment-163 Hover for non-anchor elements in IE6 | Blog de Livi Thu, 29 Apr 2010 16:13:02 +0000 http://blog.delivi.com/?p=52#comment-163 [...] Updated article on Hover for non-anchor elements in IE6 [...] [...] Updated article on Hover for non-anchor elements in IE6 [...]

]]>