|
|
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <script src="https://code.jquery.com/jquery-1.12.4.js"></script><script> | | <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> |
| jQuery.extend({
| | <script src="/skins/BuNay/resources/jquery.highlight-3.js"></script> |
| highlight: function (node, re, nodeName, className) {
| | <script> $(document).ready(function() { $('#searchresults').highlight('<!--{$term}-->'); }); </script> |
| if (node.nodeType === 3) {
| |
| var match = node.data.match(re);
| |
| if (match) {
| |
| var highlight = document.createElement(nodeName || 'span');
| |
| highlight.className = className || 'highlight';
| |
| var wordNode = node.splitText(match.index);
| |
| wordNode.splitText(match[0].length);
| |
| var wordClone = wordNode.cloneNode(true);
| |
| highlight.appendChild(wordClone);
| |
| wordNode.parentNode.replaceChild(highlight, wordNode);
| |
| return 1; //skip added node in parent
| |
| }
| |
| } else if ((node.nodeType === 1 %26%26 node.childNodes) %26%26 // only element nodes that have children
| |
| !/(script|style)/i.test(node.tagName) %26%26 // ignore script and style nodes
| |
| !(node.tagName === nodeName.toUpperCase() %26%26 node.className === className)) { // skip if already highlighted
| |
| for (var i = 0; i < node.childNodes.length; i++) {
| |
| i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
| |
| }
| |
| }
| |
| return 0;
| |
| }
| |
| });
| |
| | |
| jQuery.fn.unhighlight = function (options) {
| |
| var settings = { className: 'highlight', element: 'span' };
| |
| jQuery.extend(settings, options);
| |
| | |
| return this.find(settings.element + "." + settings.className).each(function () {
| |
| var parent = this.parentNode;
| |
| parent.replaceChild(this.firstChild, this);
| |
| parent.normalize();
| |
| }).end();
| |
| };
| |
| | |
| jQuery.fn.highlight = function (words, options) {
| |
| var settings = { className: 'highlight', element: 'span', caseSensitive: false, wordsOnly: false };
| |
| jQuery.extend(settings, options);
| |
|
| |
| if (words.constructor === String) {
| |
| words = [words];
| |
| }
| |
| words = jQuery.grep(words, function(word, i){
| |
| return word != '';
| |
| });
| |
| words = jQuery.map(words, function(word, i) {
| |
| return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
| |
| });
| |
| if (words.length == 0) { return this; };
| |
| | |
| var flag = settings.caseSensitive ? "" : "i";
| |
| var pattern = "(" + words.join("|") + ")";
| |
| if (settings.wordsOnly) {
| |
| pattern = "\\b" + pattern + "\\b";
| |
| }
| |
| var re = new RegExp(pattern, flag);
| |
|
| |
| return this.each(function () {
| |
| jQuery.highlight(this, re, settings.element, settings.className);
| |
| });
| |
| };
| |
| </script><script> | |
| $(function() { | |
| $('#searchresults').highlight('<!--{$term}-->');
| |
| }); | |
| </script> | |
