travellinghead

Wotif sucks when trying to find two nights accommodation for the weekend. You cannot search for two night stays, so you have to hover over all the prices to find out if they are suitable (ie. are not for min 5 nights or something like that).

Here is an example that uses Greasemonkey plus jQuery to bend Wotif to my will

Basically it scans all the price tooltips to find text that includes ‘2 nights’ and highlights the cell in red. Note that a tooltip on this site is actually a function invoked on the OnMouseOver event, which we can still select using jQuery:

// ==UserScript==
// @name           Wotif2Nights
// @namespace      tag:2007.wotif.2nights
// @description    only shows hotels with 2 nights
// ==/UserScript==

// Add jQuery
var GM_JQ = document.createElement('script');
//GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.src = 'http://localhost/served/jquery-1.2.1.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);

// Check if jQuery's loaded
function GM_wait()
{
	if(typeof unsafeWindow.jQuery == 'undefined')
	{ window.setTimeout(GM_wait,100); }
	else
	{ $ = unsafeWindow.jQuery; letsJQuery(); }
}
GM_wait();

// All your GM code must be inside this function

function letsJQuery() {
//make sure there is no conflict between jQuery and other libraries
$.noConflict()

alert('running');
FindRoomsForTwoNights();
alert('done');
}

function FindRoomsForTwoNights()
{
	var x = unsafeWindow.Text;
	var keepers = new Array();
	var kCount = 0;

	for(i = 0; i < x.length; i++)
	{
		if(x[i].indexOf('2 nights') > -1)
		{
			keepers[kCount] = i;
			kCount++;
		}
	}

	for(i = 0; i < keepers.length; i++)
	{
		var selector = 'SPAN[@OnMouseOver="showTooltip(Text[' + keepers[i] + '])"]';
		$(selector).parent().css('background-color', "red");
	}
}

My previous post described a neat trick for quickly changing a page to reduce eyestrain.

You probably noticed that you lose the effect as soon as you go to a new page (or refresh the current one).

This time I’ll show how you can keep the effect for all pages, forever!

1. Download and install Greasemonkey - you are using Firefox right?

2. Add this as a user script:

// ==UserScript==
// @name           EyeRelief
// @namespace      tag:adam.webber.2007.eye.relief
// @description    Grey background
// @include        *
// ==/UserScript==

function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}

addGlobalStyle('body { background-color: lightgrey ! important; }');

3. Now, whenever you activate Greasemonkey, the background of *all* pages
you visit will be set to lightgrey

The script is not perfect, and you will probably find pages that don’t quite grey out as you wish.

Well, get to it and write your own script! Or search this great repository of scripts at the UserScripts repository.

Have fun!