diff options
Diffstat (limited to 'resources/jquery/jquery.highlightText.js')
| -rw-r--r-- | resources/jquery/jquery.highlightText.js | 115 |
1 files changed, 60 insertions, 55 deletions
diff --git a/resources/jquery/jquery.highlightText.js b/resources/jquery/jquery.highlightText.js index 44ac56e1..f720e07f 100644 --- a/resources/jquery/jquery.highlightText.js +++ b/resources/jquery/jquery.highlightText.js @@ -1,64 +1,69 @@ /** - * Plugin that highlights matched word partials in a given element - * TODO: add a function for restoring the previous text - * TODO: accept mappings for converting shortcuts like WP: to Wikipedia: + * Plugin that highlights matched word partials in a given element. + * TODO: Add a function for restoring the previous text. + * TODO: Accept mappings for converting shortcuts like WP: to Wikipedia:. */ -( function( $ ) { +( function ( $ ) { -$.highlightText = { - - // Split our pattern string at spaces and run our highlight function on the results - splitAndHighlight: function( node, pat ) { - var patArray = pat.split(" "); - for ( var i = 0; i < patArray.length; i++ ) { - if ( patArray[i].length == 0 ) continue; - $.highlightText.innerHighlight( node, patArray[i] ); - } - return node; - }, - // scans a node looking for the pattern and wraps a span around each match - innerHighlight: function( node, pat ) { - // if this is a text node - if ( node.nodeType == 3 ) { - // TODO - need to be smarter about the character matching here. - // non latin characters can make regex think a new word has begun: do not use \b - // http://stackoverflow.com/questions/3787072/regex-wordwrap-with-utf8-characters-in-js - // look for an occurence of our pattern and store the starting position - var match = node.data.match( new RegExp( "(^|\\s)" + $.escapeRE( pat ), "i" ) ); - if ( match ) { - var pos = match.index + match[1].length; // include length of any matched spaces - // create the span wrapper for the matched text - var spannode = document.createElement( 'span' ); - spannode.className = 'highlight'; - // shave off the characters preceding the matched text - var middlebit = node.splitText( pos ); - // shave off any unmatched text off the end - middlebit.splitText( pat.length ); - // clone for appending to our span - var middleclone = middlebit.cloneNode( true ); - // append the matched text node to the span - spannode.appendChild( middleclone ); - // replace the matched node, with our span-wrapped clone of the matched node - middlebit.parentNode.replaceChild( spannode, middlebit ); + $.highlightText = { + + // Split our pattern string at spaces and run our highlight function on the results + splitAndHighlight: function ( node, pat ) { + var i, + patArray = pat.split( ' ' ); + for ( i = 0; i < patArray.length; i++ ) { + if ( patArray[i].length === 0 ) { + continue; + } + $.highlightText.innerHighlight( node, patArray[i] ); } - // if this is an element with childnodes, and not a script, style or an element we created - } else if ( node.nodeType == 1 && node.childNodes && !/(script|style)/i.test( node.tagName ) - && !( node.tagName.toLowerCase() == 'span' && node.className.match( /\bhighlight/ ) ) ) { - for ( var i = 0; i < node.childNodes.length; ++i ) { - // call the highlight function for each child node - $.highlightText.innerHighlight( node.childNodes[i], pat ); + return node; + }, + + // scans a node looking for the pattern and wraps a span around each match + innerHighlight: function ( node, pat ) { + var i, match, pos, spannode, middlebit, middleclone; + // if this is a text node + if ( node.nodeType === 3 ) { + // TODO - need to be smarter about the character matching here. + // non latin characters can make regex think a new word has begun: do not use \b + // http://stackoverflow.com/questions/3787072/regex-wordwrap-with-utf8-characters-in-js + // look for an occurrence of our pattern and store the starting position + match = node.data.match( new RegExp( "(^|\\s)" + $.escapeRE( pat ), "i" ) ); + if ( match ) { + pos = match.index + match[1].length; // include length of any matched spaces + // create the span wrapper for the matched text + spannode = document.createElement( 'span' ); + spannode.className = 'highlight'; + // shave off the characters preceding the matched text + middlebit = node.splitText( pos ); + // shave off any unmatched text off the end + middlebit.splitText( pat.length ); + // clone for appending to our span + middleclone = middlebit.cloneNode( true ); + // append the matched text node to the span + spannode.appendChild( middleclone ); + // replace the matched node, with our span-wrapped clone of the matched node + middlebit.parentNode.replaceChild( spannode, middlebit ); + } + // if this is an element with childnodes, and not a script, style or an element we created + } else if ( node.nodeType === 1 && node.childNodes && !/(script|style)/i.test( node.tagName ) + && !( node.tagName.toLowerCase() === 'span' && node.className.match( /\bhighlight/ ) ) ) { + for ( i = 0; i < node.childNodes.length; ++i ) { + // call the highlight function for each child node + $.highlightText.innerHighlight( node.childNodes[i], pat ); + } } } - } -}; + }; -$.fn.highlightText = function( matchString ) { - return $( this ).each( function() { - var $this = $( this ); - $this.data( 'highlightText', { originalText: $this.text() } ); - $.highlightText.splitAndHighlight( this, matchString ); - } ); -}; + $.fn.highlightText = function ( matchString ) { + return this.each( function () { + var $el = $( this ); + $el.data( 'highlightText', { originalText: $el.text() } ); + $.highlightText.splitAndHighlight( this, matchString ); + } ); + }; -} )( jQuery ); +}( jQuery ) ); |