Some style changes I made to the source

in
1 post, 1 voice

May 8, 2009 10:41am

This is essentially a aesthetic change to make the script more usable. I have adjusted the size and positioning of the bar, as well as opacity, so the bar is less in the way for on screens, especially smaller laptop screens.
Most changes were to the css.

// ==UserScript==
// @name word highlight
// @namespace http://ss-o.net/
// @description keywords highlight for Google Search and All
// @include http://*
// @version 1.0.5
// ==/UserScript==

//console.time("highlight");
(function word_hightlight(loaded){
if (!loaded && window.opera && document.readyState == 'interactive') {
document.addEventListener('DOMContentLoaded', function(){word_hightlight(true);}, false);
return;
}
if (document.contentType && !/html/i.test(document.contentType))
return;
//var s = new Date-0;
var contentWindow = this.contentWindow || window;
var isOpera = !!this.opera, isFirefox = !!this.Components, isChromium = !!this.contentWindow , isSafari = this.getMatchedCSSRules && !isChromium;
var UP_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAQ0lEQVR42mNgGAjw+vXr/yBMSB1RAGYYVQxFN4wiQ3EZRpahhAwjyVBChpBkKCHNJBlKSBMhTFXDUAwlpIhUzEBtAABtjZyQ3YVdfgAAAABJRU5ErkJggg==';
var DOWN_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAPElEQVR42q3PsQkAMAwDQe2/qoaIK3UhRuEfXPqwJTrbhxwURS+9ff+N6tW2XGFpQyosoVhCsYRiCcXaBhIFnJBtuvEqAAAAAElFTkSuQmCC';

var PRE = 'wordhighlight', ID_PRE = PRE + '_id';
var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
var STYLE_CLASS = '0123456789'.split('').map(function(a,i){return PRE + '_word'+i;});
var setuped = false;
var keyword = '', words = [], word_lists = [], word_inputs_list, layers;
var xp_all = new $XE('descendant::layer[starts-with(@name,"' + PRE + '_word")]', document.body);
init_keyboard();
if (init_keyword() !== false)
setup();

function add_word(word) {
window.name = PRE + '::' + encodeURIComponent(keyword);
highlight(document.body,{words:[word],index:words.length});
word_lists.push.apply(word_lists,create_inputlist([word], words.length));
layers = xp_all.get();
}

function target_google(doc,index){
var as = $X('descendant::a[@class="l"]',doc);
as.forEach(function(a,i){a.target = PRE + (i + (index || 0) * as.length) + '::' + encodeURIComponent(keyword);});
}

function clean(str) {
return str.replace(/(?:(?:\s?(?:site|(?:all)?in(?:url|title|anchor|text)):|(?:\s|^)-|[()])\S*|(\s)OR\s)/g,'$1');
}

function init_words(){
if (keyword) {
var ret=[],eword = keyword.replace(/"([^"]+)"/g,function($0,$1){ret.push($1);return '';});
words = eword.split(/[\+\s\.:\|#]/).concat(ret);
}
}

// via AutoPagerize Thx! nanto_vi
function addDefaultPrefix(xpath, prefix) {
var tokenPattern = /([A-Za-z_\u00c0-\ufffd][\w\-.\u00b7-\ufffd]*|\*)\s*(::?|$)?|(".*?"|'.*?'|\d+(?:\.\d*)?|\.(?:\.|\d+)?|[$\]])|(\/\/?|!=|[<>]=?|[\(\[|,=+-])|([@$])/g;
var TERM = 1, OPERATOR = 2, MODIFIER = 3;
var tokenType = OPERATOR;
prefix += ':';
function replacer(token, identifier, suffix, term, operator, modifier) {
if (suffix) {
tokenType =
(suffix == ':' || (suffix == '::' && (identifier == 'attribute' || identifier == 'namespace')))
? MODIFIER : OPERATOR;
} else if (identifier) {
if (tokenType == OPERATOR && identifier != '*') {
token = prefix + token;
}
tokenType = (tokenType == TERM) ? OPERATOR : TERM;
} else {
tokenType = term ? TERM : operator ? OPERATOR : MODIFIER;
}
return token;
}
return xpath.replace(tokenPattern, replacer);
}

function $X(exp, context, resolver, result_type) {
context || (context = document);
var Doc = context.ownerDocument || context;
var result = Doc.evaluate(exp, context, resolver, result_type || XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
if (result_type) return result;
for (var i = 0, len = result.snapshotLength, res = new Array(len); i < len; i++) {
res[i] = result.snapshotItem(i);
}
return res;
}

// reduce https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/reduce#Compatibility
function reduce(arr, fun){
var len = arr.length, i = 0, rv;
if (arguments.length >= 3) rv = arguments[2];
else {do {
if (i in arr) {
rv = arr[i++];break;
}
if (++i >= len) throw new TypeError();
} while (true)};
for (; i < len; i++) if (i in arr) rv = fun.call(null, rv, arr[i], i, arr);
return rv;
}

function error(e){
if (isOpera) {
opera.postError(e);
} else if (window.console) {
console.error(e);
}
}

// Bench: http://www.google.com/search?hl=en&q=HTML+5+Mar...

Userscripts.org

word highlight