327 lines
9.7 KiB
JavaScript
327 lines
9.7 KiB
JavaScript
// ----------------------------------------------------------------------------
|
||
// Zoom Search Engine 7.0 (10/Apr/2014)
|
||
// Highlight & auto-scroll script (DOM version)
|
||
//
|
||
// email: zoom@wrensoft.com
|
||
// www: http://www.wrensoft.com
|
||
//
|
||
// Copyright (C) Wrensoft 2014
|
||
// ----------------------------------------------------------------------------
|
||
// Use this script to allow your search matches to highlight and scroll to
|
||
// the matched word on the actual web page where it was found.
|
||
//
|
||
// You will need to link to this JS file from each page of your site
|
||
// which requires the "highlight/jump to matched word" feature.
|
||
//
|
||
// For example, you could paste the following HTML in your site's header or
|
||
// footer:
|
||
//
|
||
// <style>.highlight { background: #FFFF40; }</style>
|
||
// <script type="text/javascript" src="highlight.js"></script>
|
||
//
|
||
// Note: You will need to specify the correct path to "highlight.js" depending
|
||
// on where the file is located.
|
||
//
|
||
// You will then need to modify the BODY tag on your page to include an "onLoad"
|
||
// attribute, such as:
|
||
//
|
||
// <body onload="highlight();">
|
||
//
|
||
// If for some reason you can not modify the body tag of your page, an alternative
|
||
// would be to put the following line after the </body> tag of your page:
|
||
//
|
||
// <script type="text/javascript">highlight();</script>
|
||
//
|
||
// For more information, consult the Users Guide and our support website at:
|
||
// http://www.wrensoft.com/zoom/support
|
||
|
||
// ----------------------------------------------------------------------------
|
||
// Script options
|
||
// ----------------------------------------------------------------------------
|
||
|
||
// If you wish to disable the jump functionality which scrolls the browser
|
||
// to the first occurance of the matched word, change this setting to false
|
||
var JumpToFirstOccurance = true;
|
||
|
||
// For debugging purposes, disable the following
|
||
var CatchJSErrors = true;
|
||
|
||
// This option skips highlighting withing blocks marked by ZOOMSTOP and
|
||
// ZOOMRESTART tags.
|
||
var SkipZoomStops = true;
|
||
|
||
// ----------------------------------------------------------------------------
|
||
// Main script
|
||
// ----------------------------------------------------------------------------
|
||
|
||
var IsZoomStop = 0;
|
||
|
||
function catcherror() { return true; }
|
||
if (CatchJSErrors)
|
||
window.onerror = catcherror;
|
||
|
||
function QueryString(key)
|
||
{
|
||
var value = null;
|
||
for (var i=0;i<QueryString.keys.length;i++)
|
||
{
|
||
if (QueryString.keys[i]==key)
|
||
{
|
||
value = QueryString.values[i];
|
||
break;
|
||
}
|
||
}
|
||
return value;
|
||
}
|
||
|
||
function QueryString_Parse()
|
||
{
|
||
var query = window.location.search.substring(1);
|
||
var pairs = query.split("&");
|
||
|
||
for (var i=0;i<pairs.length;i++)
|
||
{
|
||
var pos = pairs[i].indexOf('=');
|
||
if (pos >= 0)
|
||
{
|
||
var argname = pairs[i].substring(0,pos);
|
||
var value = pairs[i].substring(pos+1);
|
||
QueryString.keys[QueryString.keys.length] = argname;
|
||
QueryString.values[QueryString.values.length] = value;
|
||
}
|
||
}
|
||
}
|
||
|
||
QueryString.keys = new Array();
|
||
QueryString.values = new Array();
|
||
|
||
QueryString_Parse();
|
||
|
||
function getElement(id)
|
||
{
|
||
if (document.getElementById)
|
||
return(document.getElementById(id));
|
||
else if (document.all)
|
||
return(document.all[id]);
|
||
}
|
||
|
||
function findPosY(obj)
|
||
{
|
||
var curtop = 0;
|
||
if (obj.offsetParent)
|
||
{
|
||
while (obj.offsetParent)
|
||
{
|
||
curtop += obj.offsetTop
|
||
obj = obj.offsetParent;
|
||
}
|
||
}
|
||
else if (obj.y)
|
||
curtop += obj.y;
|
||
return curtop;
|
||
}
|
||
|
||
function ZRetrieveQuery()
|
||
{
|
||
var SearchAsSubstring = 0;
|
||
var hl;
|
||
var terms;
|
||
|
||
hl = QueryString("zoom_highlight");
|
||
if (hl == "" || hl == null)
|
||
{
|
||
hl = QueryString("zoom_highlightsub");
|
||
if (hl == "" || hl == null)
|
||
return false;
|
||
else
|
||
SearchAsSubstring = 1;
|
||
}
|
||
if ((document.charset && document.charset == "utf-8") ||
|
||
(document.characterSet && document.characterSet == "UTF-8"))
|
||
hl = decodeURIComponent(hl);
|
||
else
|
||
hl = unescape(hl);
|
||
hl = hl.toLowerCase();
|
||
|
||
// create array of terms
|
||
//var term = hl.split("+");
|
||
var re = /\"(.*?)\"|[^\\+\"]+/g;
|
||
terms = hl.match(re);
|
||
|
||
// convert terms in regexp patterns
|
||
for (var i=0;i<terms.length;i++) // take each term in turn
|
||
{
|
||
if(terms[i] != "")
|
||
{
|
||
if (terms[i].indexOf("\"") != -1)
|
||
{
|
||
// contains double quotes
|
||
terms[i]=terms[i].replace(/\"/g,"");
|
||
terms[i]=terms[i].replace(/\+/g," ");
|
||
}
|
||
else
|
||
{
|
||
terms[i]=terms[i].replace(/\+/g,"");
|
||
}
|
||
|
||
if (terms[i].indexOf("*") != -1 || terms[i].indexOf("?") != -1)
|
||
{
|
||
// convert wildcard pattern to regexp
|
||
terms[i] = terms[i].replace(/\\/g, " ");
|
||
terms[i] = terms[i].replace(/\^/g, " ");
|
||
|
||
//term[i] = term[i].replace(/\+/g, " "); // split on this so no point in looking
|
||
|
||
terms[i] = terms[i].replace(/\#/g, " ");
|
||
terms[i] = terms[i].replace(/\$/g, " ");
|
||
terms[i] = terms[i].replace(/\./g, " ");
|
||
|
||
// check if search term only contains only wildcards
|
||
// if so, we will not attempt to highlight this term
|
||
var wildcards = /\w/;
|
||
if (wildcards.test(terms[i]))
|
||
{
|
||
terms[i] = terms[i].replace(/\*/g, "[^\\s]*");
|
||
terms[i] = terms[i].replace(/\?/g, "[^\\s]"); // insist upon one non whitespace
|
||
}
|
||
else
|
||
terms[i] = "";
|
||
}
|
||
|
||
if (terms[i] != "")
|
||
{
|
||
if (SearchAsSubstring == 0)
|
||
{
|
||
terms[i] = "(>[\\s]*|>[^<]+[\\b\\W])("+terms[i]+")(<|[\\b\\W][^>]*<)";
|
||
}
|
||
else
|
||
{
|
||
// if term leads with wildcard then allow it to match preceeding text in word
|
||
var strWB="";
|
||
if(terms[i].substr(0,7)=="[^\\s]*") strWB="\\b";
|
||
terms[i] = "(>|>[^<]+)"+strWB+"("+terms[i]+")([^>]*<)";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return terms;
|
||
}
|
||
|
||
// regular expression version
|
||
function ZHighlightText(terms, text)
|
||
{
|
||
text=text.replace(/&/ig, '&');
|
||
text=text.replace(/ /ig, '');
|
||
text=text.replace(/</ig, '<');
|
||
text=text.replace(/>/ig, '>');
|
||
|
||
for (var i=0; i<terms.length; i++) // take each term in turn
|
||
{
|
||
if(terms[i] != "")
|
||
{
|
||
// we need a loop for the main search to catch all between ><
|
||
// and we add before each found to ignore those done etc
|
||
// todo: develop reliable single pass regexp and dispose of loop
|
||
var l = 0;
|
||
re = new RegExp(terms[i], "gi");
|
||
var count = 0; // just incase
|
||
|
||
// Correction by Tim Green for bug with pointed brackets inside the hilighted text node
|
||
text = text.replace(/<(?![\/]?span)/g, "<");
|
||
text = text.replace(">",">");
|
||
text = text.replace(/span>/g, 'span>');
|
||
text = text.replace(/"highlight">/g, '"highlight">');
|
||
// Correction end
|
||
|
||
text = ">" + text + "<"; // temporary tag marks
|
||
do
|
||
{
|
||
l=text.length;
|
||
text=text.replace(re, '$1<span style="background:#FFFF40;" class="highlight" id="highlight" name="highlight">$2</span id="highlight">$3');
|
||
count++;
|
||
}
|
||
//while(re.lastIndex>0 && count<100); lastIndex not set properly under netscape
|
||
while(l!=text.length && count<100);
|
||
text = text.substring(1, text.length-1); // remove temporary tags
|
||
}
|
||
}
|
||
text = text.replace(eval("//g"), '');
|
||
text = text.replace(eval("//g"), ' ');
|
||
|
||
return(text);
|
||
}
|
||
|
||
function jumpHL()
|
||
{
|
||
var d = getElement("highlight");
|
||
if (d)
|
||
{
|
||
if (d.scrollIntoView)
|
||
{
|
||
d.scrollIntoView();
|
||
}
|
||
else
|
||
{
|
||
var y = findPosY(d);
|
||
// if element near top of page
|
||
if (y < 100)
|
||
window.scrollTo(0,0); // go to top of page
|
||
else
|
||
window.scrollTo(0,y-50); // show space of 50 above
|
||
}
|
||
}
|
||
}
|
||
|
||
function ZHighlightReplace(q, node)
|
||
{
|
||
var node_value = node.nodeValue;
|
||
var newtext = ZHighlightText(q, node_value);
|
||
if (newtext != node_value)
|
||
{
|
||
var repl = document.createElement('span');
|
||
repl.innerHTML = newtext;
|
||
node.parentNode.replaceChild(repl, node);
|
||
}
|
||
}
|
||
|
||
function ZHighlightSearch(q, root)
|
||
{
|
||
if (!root)
|
||
root = document.body.childNodes;
|
||
|
||
for (var i = 0, j = root.length; i < j; i++)
|
||
{
|
||
ZHighlightSearch(q, root[i].childNodes);
|
||
|
||
if (SkipZoomStops && root[i].nodeType === 8)
|
||
{
|
||
if (root[i].nodeValue == "ZOOMSTOP")
|
||
IsZoomStop = 1;
|
||
else if (root[i].nodeValue == "ZOOMRESTART")
|
||
IsZoomStop = 0;
|
||
}
|
||
|
||
if (IsZoomStop == 0 && root[i].nodeType === 3)
|
||
{
|
||
ZHighlightReplace(q, root[i]);
|
||
}
|
||
}
|
||
}
|
||
|
||
function highlight()
|
||
{
|
||
if (!"".match) // check if browser supports regexp match() function
|
||
return;
|
||
if (document.body)
|
||
{
|
||
var terms = ZRetrieveQuery();
|
||
if (terms != false)
|
||
{
|
||
IsZoomStop = 0;
|
||
ZHighlightSearch(terms);
|
||
if (JumpToFirstOccurance)
|
||
jumpHL();
|
||
}
|
||
}
|
||
}
|