Files
conservatorio-tomadini/media/com_jem/js/highlighter.js
2024-12-17 17:34:10 +01:00

203 lines
6.6 KiB
JavaScript

/*
highlight v4
Highlights arbitrary terms.
<https://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html>
MIT license.
Johann Burkard
<https://johannburkard.de>
<mailto:jb@eaio.com>
To highlight all occurrances of "bla" (case insensitive) in all li elements, use the following code:
$('li').highlight('bla');
Remove highlighting
The highlight can be removed from any element with the removeHighlight function.
In this example, all highlights under the element with the ID highlight-plugin are removed.
$('#highlight-plugin').removeHighlight();
*/
$.fn.highlight = function (pat) {
function innerHighlight(node, pat) {
var skip = 0;
if (node.nodeType == 3) {
var pos = node.data.toUpperCase().indexOf(pat);
if (pos >= 0) {
var spannode = document.createElement('span');
spannode.className = 'highlight';
var middlebit = node.splitText(pos);
var endbit = middlebit.splitText(pat.length);
var middleclone = middlebit.cloneNode(true);
spannode.appendChild(middleclone);
middlebit.parentNode.replaceChild(spannode, middlebit);
skip = 1;
}
} else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
for (var i = 0; i < node.childNodes.length; ++i) {
i += innerHighlight(node.childNodes[i], pat);
}
}
return skip;
}
return this.length && pat && pat.length ? this.each(function () {
innerHighlight(this, pat.toUpperCase());
}) : this;
};
$.fn.removeHighlight = function () {
return this.find("span.highlight").each(function () {
this.parentNode.firstChild.nodeName;
with (this.parentNode) {
replaceChild(this.firstChild, this);
normalize();
}
}).end();
};
function highlightevents() {
var searcharea = $("#search_in_here");
var filterOptionValue = $('select[name=filter_type]').val(); // value of selected option
var filterOptionText = $("#filter_type option:selected").text(); // text of selected option
var lowerCase = filterOptionText.toLowerCase();
switch (parseInt(filterOptionValue)) {
case 1:
var filter = 'eventtitle';
break;
case 2:
var filter = 'venue';
break;
case 3:
var filter = 'city';
break;
case 4:
var filter = 'category';
break;
case 5:
var filter = 'state';
break;
case 6:
var filter = 'country';
break;
case 7:
alleventfilters();
break;
default:
alleventfilters();
break;
}
var newtext = $("#filter_search").val();
var newtext2 = "td." + filter + ":contains(" + newtext + ")";
if (filter && newtext) {
searcharea.find(newtext2).addClass('red');
$(searcharea.find(newtext2)).highlight(newtext);
}
}
function alleventfilters() {
var searcharea = $("#search_in_here");
var keyword = $("#filter_search").val();
var title = 'eventtitle';
var venue = 'venue';
var city = 'city';
var state = 'state';
var country = 'country';
var category = 'category';
if (keyword) {
var titleparameter = "td." + title + ":contains(" + keyword + ")";
searcharea.find(titleparameter).addClass('red');
$(searcharea.find(titleparameter)).highlight(keyword);
var venueparameter = "td." + venue + ":contains(" + keyword + ")";
searcharea.find(venueparameter).addClass('red');
$(searcharea.find(venueparameter)).highlight(keyword);
var cityparameter = "td." + city + ":contains(" + keyword + ")";
searcharea.find(cityparameter).addClass('red');
$(searcharea.find(cityparameter)).highlight(keyword);
var stateparameter = "td." + state + ":contains(" + keyword + ")";
searcharea.find(stateparameter).addClass('red');
$(searcharea.find(stateparameter)).highlight(keyword);
var countryparameter = "td." + country + ":contains(" + keyword + ")";
searcharea.find(countryparameter).addClass('red');
$(searcharea.find(countryparameter)).highlight(keyword);
var categoryparameter = "td." + category + ":contains(" + keyword + ")";
searcharea.find(categoryparameter).addClass('red');
$(searcharea.find(categoryparameter)).highlight(keyword);
}
}
function highlightvenues() {
var searcharea = $("#search_in_here");
var filterOptionValue = $('select[name=filter_type]').val(); // value of selected option
var filterOptionText = $("#filter_type option:selected").text(); // text of selected option
var lowerCase = filterOptionText.toLowerCase();
switch (parseInt(filterOptionValue)) {
case 1:
var filter = 'venue';
break;
case 2:
var filter = 'city';
break;
case 3:
var filter = 'state';
break;
case 4:
var filter = 'country';
break;
case 5:
allvenuefilters();
break;
default:
allvenuefilters();
break;
}
var newtext = $("#filter_search").val();
var newtext2 = "td." + filter + ":contains(" + newtext + ")";
if (filter && newtext) {
searcharea.find(newtext2).addClass('red');
$(searcharea.find(newtext2)).highlight(newtext);
}
}
function allvenuefilters() {
var searcharea = $("#search_in_here");
var keyword = $("#filter_search").val();
var title = 'venue';
var city = 'city';
var state = 'state';
var country = 'country';
if (keyword) {
var titleparameter = "td." + title + ":contains(" + keyword + ")";
searcharea.find(titleparameter).addClass('red');
$(searcharea.find(titleparameter)).highlight(keyword);
var cityparameter = "td." + city + ":contains(" + keyword + ")";
searcharea.find(cityparameter).addClass('red');
$(searcharea.find(cityparameter)).highlight(keyword);
var stateparameter = "td." + state + ":contains(" + keyword + ")";
searcharea.find(stateparameter).addClass('red');
$(searcharea.find(stateparameter)).highlight(keyword);
var countryparameter = "td." + country + ":contains(" + keyword + ")";
searcharea.find(countryparameter).addClass('red');
$(searcharea.find(countryparameter)).highlight(keyword);
}
}