Comments on: JavaScript RegExp based highlighting for MooTools and jQuery http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/ PHP, Symfony, JavaScript, jQuery, MooTools consultant. Mon, 15 Mar 2010 14:02:55 +0000 http://wordpress.org/?v=2.7 hourly 1 By: 4vconnect (willians pereira) http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-4837 4vconnect (willians pereira) Thu, 24 Sep 2009 16:26:51 +0000 http://devthought.com/?p=725#comment-4837 o poder do js efeito simples mas bem elaborado. http://tinyurl.com/c4npup o poder do js efeito simples mas bem elaborado. http://tinyurl.com/c4npup

]]> By: Kune.fr » Blog Archive » WP Serie: Les meilleurs hacks wordpress #1 http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-4706 Kune.fr » Blog Archive » WP Serie: Les meilleurs hacks wordpress #1 Tue, 11 Aug 2009 16:02:24 +0000 http://devthought.com/?p=725#comment-4706 [...] (le code jQuery a été adapté de devthought’s JavaScript RegExp based highlighting.) [...] [...] (le code jQuery a été adapté de devthought’s JavaScript RegExp based highlighting.) [...]

]]> By: Highlight Your Searches « Rohit Singh Sengar http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-4697 Highlight Your Searches « Rohit Singh Sengar Fri, 07 Aug 2009 09:32:03 +0000 http://devthought.com/?p=725#comment-4697 [...] article can be reached here. It helped me a lot in highlighting the searches in result. It can be used anywhere with any script [...] [...] article can be reached here. It helped me a lot in highlighting the searches in result. It can be used anywhere with any script [...]

]]> By: How to Highlight Search Terms with jQuery | Weblog Tools Collection http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-3890 How to Highlight Search Terms with jQuery | Weblog Tools Collection Fri, 10 Apr 2009 11:00:58 +0000 http://devthought.com/?p=725#comment-3890 [...] (jQuery code slightly adapted from devthought’s JavaScript RegExp based highlighting.) [...] [...] (jQuery code slightly adapted from devthought’s JavaScript RegExp based highlighting.) [...]

]]> By: Guillermo Rauch http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-3847 Guillermo Rauch Sun, 05 Apr 2009 18:46:26 +0000 http://devthought.com/?p=725#comment-3847 Malformed HTML is not an issue. Plus, the only way to reliably walk the DOM is with well formed XML is in the first place :) This is not the definite highlighting solution, but it's good for many purposes. Malformed HTML is not an issue. Plus, the only way to reliably walk the DOM is with well formed XML is in the first place :)
This is not the definite highlighting solution, but it’s good for many purposes.

]]> By: James http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-3846 James Sun, 05 Apr 2009 16:28:24 +0000 http://devthought.com/?p=725#comment-3846 I tried something like this a while ago (http://james.padolsey.com/javascript/highlighting-text-with-javascript/), but, as evident from one of the comments, using regular expressions + innerHTML is not a good idea. Not only is malformed HTML an issue, but, as you've said, it can mess up events and properties of elements within. The only solid way to achieve this it to walk the DOM and look for text nodes. (node.nodeType === 3) I tried something like this a while ago (http://james.padolsey.com/javascript/highlighting-text-with-javascript/), but, as evident from one of the comments, using regular expressions + innerHTML is not a good idea. Not only is malformed HTML an issue, but, as you’ve said, it can mess up events and properties of elements within. The only solid way to achieve this it to walk the DOM and look for text nodes. (node.nodeType === 3)

]]> By: Jörn Zaefferer http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-3844 Jörn Zaefferer Sun, 05 Apr 2009 09:30:08 +0000 http://devthought.com/?p=725#comment-3844 Thanks for sharing! I was using this regex so far in my autocomplete plugin, I'm now trying to figure out the differences and which version is more effective: return value.replace(new RegExp("(?![^&;]+;)(?!<[^]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"); The term-replace seems to be very similar, still not the same. The value-replace is quite different. Your version is certainly easier to understand... Thanks for sharing!

I was using this regex so far in my autocomplete plugin, I’m now trying to figure out the differences and which version is more effective:

return value.replace(new RegExp(”(?![^&;]+;)(?!<[^]*)(” + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, “\\$1″) + “)(?![^]*>)(?![^&;]+;)”, “gi”), “$1“);

The term-replace seems to be very similar, still not the same. The value-replace is quite different. Your version is certainly easier to understand…

]]> By: Rendez http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/comment-page-1/#comment-3841 Rendez Sun, 05 Apr 2009 00:18:53 +0000 http://devthought.com/?p=725#comment-3841 Cool Guillermo! I had the need to develop this one before, never released though, ouch! Very clean code ;) Cool Guillermo!

I had the need to develop this one before, never released though, ouch!

Very clean code ;)

]]>