DZone Snippets: xpath code

Adding helpful error messages to your Ruby code

jrobertson (James Robertson) — Wed, 30 Apr 2008 11:40:47 GMT

This Ruby code raises an error if the XPath query fails because the attribute being queried did not exist for the given element.



  def map_pattr(node, fieldx, valuex)

    begin

    parameter = node.root.elements["parameter[@field='#{fieldx}']"]

    parameter.add_attribute('value', valuex)

    parameter

    

    rescue

      puts 'feedpopulated.rb: map_attr() the field ' + fieldx + ' was not found in params.'

      raise

    end

  end

Notice that a raise statement is used to ensure that the system error message is raised and any further code execution is halted.

Without adding a customized helpful message I would be left scratching my head trying to work out what the following system error message meant.



./feedpopulated.rb:27:in `map_pattr': undefined method `add_attribute' for nil:NilClass (NoMethodError)

     from ./feedpopulated.rb:51:in `create_record'

     from ./feedpopulated.rb:49:in `each'

     from ./feedpopulated.rb:49:in `create_record'

     from ./recordx.rb:91:in `call_create'

     from ./s3fileuploader_handler.rb:14:in `call'

     from ./s3fileuploader_handler.rb:40:in `invoke'

     from ./uploadtwitteraudio.rb:22:in `initialize'

     from /usr/lib/ruby/1.8/rexml/element.rb:890:in `each'

     from /usr/lib/ruby/1.8/rexml/xpath.rb:53:in `each'

     from /usr/lib/ruby/1.8/rexml/element.rb:890:in `each'

     from ./uploadtwitteraudio.rb:18:in `initialize'

     from ./uploadtwitteraudio.rb:72:in `new'

     from ./uploadtwitteraudio.rb:72

Reference: Programming Ruby: The Pragmatic Programmer's Guide - Exceptions, Catch, and Throw [ruby-doc.org]

Helpful XPath examples

jrobertson (James Robertson) — Tue, 29 Apr 2008 23:34:28 GMT

A few XPath examples copied from XPath Syntax [w3schools.com]

Predicates



/bookstore/book[1] 	# Selects the first book element that is the child of the bookstore element. 

                        # Note: IE5 and later has implemented that [0] should be the first node, 

                        # but according to the W3C standard it should have been [1]!!

/bookstore/book[last()] 	# Selects the last book element that is the child of the bookstore element

/bookstore/book[last()-1] 	# Selects the last but one book element that is the child of the bookstore element

/bookstore/book[position()<3] 	# Selects the first two book elements that are children of the bookstore element

//title[@lang] 	# Selects all the title elements that have an attribute named lang

Selecting Unknown Nodes



/bookstore/* 	# Selects all the child nodes of the bookstore element

//* 	# Selects all elements in the document

//title[@*] 	# Selects all title elements which have any attribute

Selecting Several Paths



//book/title | //book/price  	# Selects all the title AND price elements of all book elements

Deleting a redundant shape message from the whiteboard queue

jrobertson (James Robertson) — Sat, 05 Apr 2008 19:39:02 GMT

This code is used to remove a message from the whiteboard queue containing a shape which has recently moved it's position (x and y coordinates) on the board. Code extract from whiteboardqueue.rb



  def call_delete_shape(params)

    #get the shape's message id.

    doc = Document.new(params)

    shape_id = doc.root.elements["param[@var='id']"].text.to_s

    initialize_doc



    doc_xml = Document.new(decode2(@doc_file.root.to_s))

    id = doc_xml.root.elements["records/message/body/*[@id='#{shape_id}']"].parent.parent.attributes.get_attribute('id')

    delete_record(id)

    save_file

  end

*update 10:04pm*
Added the link to the project code http://github.com/jrobertson/whiteboardqueue/tree

Some simple javascript xpath examples

Yansky (Yansky) — Sun, 23 Mar 2008 04:54:41 GMT

// Some simple javascript xpath examples



var canCElC = document.evaluate( '//a[@class="canc"]' ,document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );



for (var m = 0; m < canCElC.snapshotLength; m++){



	var im = canCElC.snapshotItem(m);



}



var mems = document.evaluate( '//a[contains(@href, "profile")][ not( @class = "skyblue" )]' ,document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );



for (var l = 0; l < mems.snapshotLength; l++){



	var cThis = mems.snapshotItem(l);



}	



var canHazPics = document.evaluate( '//a[@title= "Click for large image"]' ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;



document.evaluate( 'html/body/div/div[7]/table/tbody/tr[2]/td[ not( contains(@id, "main") )]' ,document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );



for(...



//bravo's xpath function shortcut

// if you don't have $x already

function $x(p, c) {

	var i, r = [], x = document.evaluate(p, c || document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

	while(i=x.iterateNext()) r.push(i);

	return r;

}

//

// a function to change history days in links

//

// Usage: ChangeDays(n); where n is 1, 3, 7, 14, 30 or 60 - not sure what other values may do to poor Simones Site

//

function ChangeDays(d) {

	$x('//a[contains(@href, "/forum-user.cfm?id=")][not(contains(@href, "days="))]').forEach(function(e) {

		e.setAttribute('href', e.getAttribute('href').replace(/cfm\?id=/, 'cfm?days='+d+'&id='));

	});

}





// more bravo stuff



// getById

function $i(id) {

	return document.getElementById(id);

}

// xpath unordered nodes

function $xu(p, c) {

	var i, r = [], x = document.evaluate(p, c || document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

	while(i=x.iterateNext()) r.push(i);

	return r;

}

// xpath ordered nodes

function $xo(p, c) {

	var i, r = [], x = document.evaluate(p, c || document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);

	while(i=x.iterateNext()) r.push(i);

	return r;

}

// xpath single first node

function $xf(p, c) {

	return document.evaluate(p, c || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

}

// xpath single any node

function $xa(p, c) {

	return document.evaluate(p, c || document, null, XPathResult.ANY_UNORDERED_NODE_TYPE, null).singleNodeValue;

}

// getByCLASS(className, orderedFlag);

// untested!!

function $c(cls, o) {

	var fn=$xu;

	if(o) fn=$xo;

	return fn('//*[@class = "'+cls+'"' +

				' or contains(@class, " '+cls+' ")' +

				' or starts-with(@class, "' +cls+' ")' +

				' or substring(@class,string-length(@class)-'+cls.length+')=" '+cls+'"]');

}

// create Element

function $ec(type, attributes){

	var node = document.createElement(type);

	for (var attr in attributes) if (attributes.hasOwnProperty(attr)){

		node.setAttribute(attr, attributes[attr]);

	}

	return node;

}

// delete Element

function $ed(element) {

	element.parentNode.removeChild(element);

}

// insert element after

function $ea(newNode, node) {

	return node.parentNode.insertBefore(newNode, node.nextSibling);

}

// insert element before

function $eb(newNode, node) {

	return node.parentNode.insertBefore(newNode, node);

}

// make element first child of par

function $ef(newNode, par) {

	return par.insertBefore(newNode, par.firstChild);

}

// make element last child of par

function $el(newNode, par) {

	return par.appendChild(newNode);

}

Display a filtered list using XSLT

jrobertson (James Robertson) — Tue, 26 Feb 2008 11:47:59 GMT

Following on from the post A simple XSLT example [dzone.com], this code lists all files which have the type 'rb' (equivalent to ls *.rb).

file: dir.xsl

output:





  

    projxmlhelper.rb

    feedpopulated.rb

    squrl_handler.rb

    password_handler.rb

    category.rb

    gwd.rb

*update 11:58am 26-Feb*
Here's a filter I will be using in my projects

Using XPath in JavaScript (Mozilla based)

jrobertson (James Robertson) — Sun, 03 Feb 2008 22:26:09 GMT

The following JavaScript code uses XPath to select a specific element. Note: This code works for Firefox, but Internet Explorer has it's own implementation of XPath. see Introduction to using XPath in JavaScript [mozilla.org]

doc (xml document)

Assuming the doc object below contains the XML data from above.



var nodesSnapshot = doc.evaluate("codes/codex[@index='a']", doc, null, XPathResult.

  UNORDERED_NODE_SNAPSHOT_TYPE, null );

node = nodesSnapshot.snapshotItem(0);

msg = "The secret code for '" + node.getAttribute('index') + "' is " + node.getAttribute('value');

alert(msg);

output (value from the alert box)



"The secret code for 'a' is 4h"

DOM Mouse-Over Element Selection and Isolation

jczerg68 (Jon C) — Sun, 09 Sep 2007 01:25:47 GMT

DOM ISO.v.0.3.0.7.bookmarklet.js
bookmarklet for selecting and isolating an element on a page.

two sections:
section 1: Mouseover DOM, setup and handle mouse events and show information about element in informational div. Click to select, Any key to cancel.
section 2: Element Isolation with help of XPath. prompt user for XPath expression e.g., //DIV[@id='post-body']. then use XPath to select all elements not(ancestor or descendant or self), then delete those elements. also ignore self-or-descendants of head and title.

tools:
Ruderman's javascript development environment: https://www.squarefree.com/bookmarklets/webdevel.html#jsenv
Mielczarek's js to bookmarklet generator: http://ted.mielczarek.org/code/mozilla/bookmarklet.html





(function() {

	//GLOBALS

		//globals for classMausWork

		var gSelectedElement;	//currently only one selection

		var gHoverElement;		//whatever element the mouse is over

		var gHovering=false;	//mouse is over something

		var gObjArrMW=[];	//global array of classMausWork objects.  for removing event listeners when done selecting.

		

		//extended	

		var infoDiv;		//currently just container for InfoDivHover, might add more here

		var infoDivHover;	//container for hoverText text node.

		var hoverText;		//show information about current element that the mouse is over

		//const EXPERIMENTAL_NEW_CODE=true;	//debugging. new features.

	

	

	//START

	SetupDOMSelection();	







		

	//(Section 1) Element Selection

	function SetupDOMSelection()

	{



		{

			//setup event listeners

			//var pathx="//div | //span | //table | //td | //tr | //ul | //ol | //li | //p";

			var pathx="//div | //span | //table | //th | //td | //tr | //ul | //ol | //li | //p | //iframe";

			var selection=$XPathSelect(pathx);

			for(var element, i=0;element=selection(i);i++)

			{			

				if(element.tagName.match(/^(div|span|table|td|tr|ul|ol|li|p)$/i))	//redundant check.

				{

					var m = new classMausWork(element);

					gObjArrMW.push(m);

					attachMouseEventListeners(m);

				}

			}

			document.body.addEventListener('mousedown',MiscEvent,false);

			document.body.addEventListener('mouseover',MiscEvent,false);

			document.body.addEventListener('mouseout',MiscEvent,false);

			document.addEventListener('keypress',MiscEvent,false);

		}

		{

			//setup informational div to show which element the mouse is over.

			infoDiv=document.createElement('div');

			var s=infoDiv.style;

			s.position='fixed';

			s.top='0';

			s.right='0';

			

			s.display='block';

			s.width='auto';

			s.padding='0px';



			document.body.appendChild(infoDiv);

			infoDivHover=document.createElement('div');



			s=infoDivHover.style;

			s.fontWeight='bold';			

			s.padding='3px';

			s.Opacity='0.8';

			s.borderWidth='thin';

			s.borderStyle='solid';

			s.borderColor='white';

			s.backgroundColor='black';

			s.color='white';

			

			infoDiv.appendChild(infoDivHover);			

			hoverText=document.createTextNode('selecting');

			infoDivHover.appendChild(hoverText);

		}

	}

	

	function CleanupDOMSelection()

	{

		for(var m; m=gObjArrMW.pop(); )

		{

			detachMouseEventListeners(m);

		}

		ElementRemove(infoDiv);

		document.body.removeEventListener('mousedown',MiscEvent,false);

		document.body.removeEventListener('mouseover',MiscEvent,false);

		document.body.removeEventListener('mouseout',MiscEvent,false);		

		document.removeEventListener('keypress',MiscEvent,false);

	}	



	function attachMouseEventListeners(c)

	{

		//c is object of class classMausWork

		c.element.addEventListener("mouseover",c.mouse_over,false);				

		c.element.addEventListener("mouseout",c.mouse_out,false);	

		c.element.addEventListener("mousedown",c.mouse_click,false);		

	}



	function detachMouseEventListeners(c)

	{

		//c is object of class classMausWork

		c.resetElementStyle();

		c.element.removeEventListener("mouseover",c.mouse_over,false);				

		c.element.removeEventListener("mouseout",c.mouse_out,false);	

		c.element.removeEventListener("mousedown",c.mouse_click,false);		

	}



	//mouse event  handling class for element, el.

	function classMausWork(element)

	{	

		//store information about the element this object is assigned to handle. element,  original style, etc.	

		this.element=element;

		

		var elementStyle=element.getAttribute('style');

		var target;

		

		this.mouse_over=function(ev)

		{	

			if(gHovering)return;

			var e=element;			

			var s=e.style;

			s.backgroundColor='yellow';

			s.borderWidth='thin';

			s.borderColor='lime';

			s.borderStyle='solid';					

			InfoMSG(ElementInfo(e),'yellow','blue','yellow');

			gHoverElement=e;

			gHovering=true;

			target=ev.target;

			ev.stopPropagation();		

		};

		

		this.mouse_out=function(ev)

		{

			if(!gHovering)return;

			if(gHoverElement!=element ||ev.target!=target)return;

			var e=element;

			e.setAttribute('style',elementStyle);

			InfoMSG('-','white','black','white');	

			gHoverElement=null;

			gHovering=false;

			target=null;

			//ev.stopPropagation();

		};

		

		this.mouse_click=function(ev)

		{

			if(!gHovering)return;

			if(gHoverElement!=element ||ev.target!=target)return;

			var e=element;

			e.setAttribute('style',elementStyle);

			ev.stopPropagation();			

			CleanupDOMSelection();			

			gHoverElement=null;

			gHovering=false;

			target=null;

			

			if(ev.button==0)

			{

				gSelectedElement=e;

				ElementSelected(e);	//finished selecting, cleanup then move to next part (section 2), element isolation.

			}

		};

		

		this.resetElementStyle=function()

		{

			element.setAttribute('style',elementStyle);

		};		

	}



	function MiscEvent(ev)		//keypress, and mouseover/mouseout/mousedown event on body.  cancel selecting.

	{

		if(ev.type=='mouseout' && !gHovering)

		{

			InfoMSG('-','white','black','white');

		}

		else if(ev.type=='mouseover' && !gHovering)

		{

			InfoMSG('cancel','yellow','red','yellow');

		}

		else //keypress on document or mousedown on body, cancel ops.

		{

			CleanupDOMSelection();

		}

	}

	

	function InfoMSG(text,color,bgcolor,border)

	{

		

		var s=infoDivHover.style;

		if(color)s.color=color;

		if(bgcolor)s.backgroundColor=bgcolor;

		if(border)s.borderColor=border;

		if(text)hoverText.data=text;

	}

	





	

	

	//(Section 2) Element Isolation

	function ElementSelected(element)	//finished selecting element.  setup string to prompt user.

	{

		PromptUserXpath(ElementInfo(element));

	}

	

	

	function PromptUserXpath(defaultpath)		//prompt user, isolate element.

	{

		var userpath = prompt("XPath of elements to isolate : ", defaultpath);

		if(userpath && userpath.length>0)

		{

			var addPredicate = "[count(./ancestor-or-self::head)=0][count(./ancestor-or-self::title)=0]";	//exclude head & title elements from selection so they aren't removed

			var addPath = "//script | //form | //object | //embed";	//include these elements in selection for removal

			var pathx=TransformXPath_NoAncestorDescendentSelf(userpath, addPredicate, addPath);		//the xpath selection of all elements to be removed/deleted.

			

			try

			{

				var element;

				var elements=$XPathSelect(pathx);	

				for(var i=0;element=elements(i);i++)

				{			



					if(!element.nodeName.match(/^(head|title)$/i))	//redundant check.

					{

						ElementRemove(element);

					}

				}

			}

			

			catch(err)

			{

				alert("wtf: "+err);

			}

			

		}

	}

	

		

	

	//support

	function $XPathSelect(p, context) 

	{

	  if (!context) context = document;

	  var i, arr = [], xpr = document.evaluate(p, context, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);

	  return function(x) { return xpr.snapshotItem(x); };	//closure.  wooot!  returns function-type array of elements (usually elements, or something else depending on the xpath expression).

	}

	

	function ElementRemove(e)

	{

		if(e)e.parentNode.removeChild(e);

	}

	

	function ElementInfo(element)

	{

		var txt='';

		if(element)

		{

			txt=element.tagName.toLowerCase();		//txt=element.tagName;

			txt=attrib(txt,element,'id');

			txt=attrib(txt,element,'class');	

			txt='//'+txt;

		}

		return txt;

		

		function attrib(t,e,a)

		{			

			if(e.hasAttribute(a))

			{

				t+="[@"+a+"='"+e.getAttribute(a)+"']";

			}

			return t;

		}

		

	}





	

	//function to 'invert' the XPath by selecting all elements that are not ancestor and not descendent and not self.

	function TransformXPath_NoAncestorDescendentSelf(u, includePredicates, includePaths)

	{	

		

		//sample input (u):					//div[@class='sortbox']

		//sample output						//*[  not(./descendant-or-self::*=//div[@class='sortbox'])][  not(./ancestor-or-self::*=//div[@class='sortbox'])]

		//sample output with additional conditions:		//*[  not(./descendant-or-self::*=//div[@class='sortbox'])][  not(./ancestor-or-self::*=//div[@class='sortbox'])][count(./ancestor-or-self::head)=0][count(./ancestor-or-self::title)=0]

		

			//obsolete method.  much faster but can only be used for limited types of (simple) xpath expressions -- unlike the current version, which should be able to convert any xpath.

			//input:			table[@id='topbar']

			//output:			//*[not(./descendant-or-self::table[@id='topbar']) and not(./ancestor-or-self::table[@id='topbar'])]

			//output (alternative):	//*[count(./descendant-or-self::table[@id='topbar'])=0 and count(./ancestor-or-self::table[@id='topbar'])=0]

		

		

		var o1=	'./descendant-or-self::*='+gr(u);

		o1=	'not' + gr(o1);

		o1=	nt(o1);	

		var o2= './ancestor-or-self::*='+gr(u);

		o2=	'not' + gr(o2);

		o2=	nt(o2);



		var o=	'//*'+o1+o2;

		if(includePredicates && includePredicates.length>0)	o += includePredicates;

		if(includePaths && includePaths.length>0) o += ' | ' + includePaths;

		return o;

		

		

		function nt(term){return wrap(term,'[]');}	//node test; predicate - enclose with bracket.

		function gr(term){return wrap(term,'()');}	//group - parenthesize.

		function wrap(term, enclosure){return enclosure.charAt(0)+term+enclosure.charAt(1);}

	}	

	





	

})();

Get XPath

sprsquish (Jeff Smick) — Mon, 23 Jul 2007 20:57:04 GMT

Given a node this will return an array containing the XPath
Usage:

getXPath(document.getElementById('myelement'));



      function getXPath(node, path) {

        path = path || [];

        if(node.parentNode) {

          path = getXPath(node.parentNode, path);

        }



        if(node.previousSibling) {

          var count = 1;

          var sibling = node.previousSibling

          do {

            if(sibling.nodeType == 1 && sibling.nodeName == node.nodeName) {count++;}

            sibling = sibling.previousSibling;

          } while(sibling);

          if(count == 1) {count = null;}

        } else if(node.nextSibling) {

          var sibling = node.nextSibling;

          do {

            if(sibling.nodeType == 1 && sibling.nodeName == node.nodeName) {

              var count = 1;

              sibling = null;

            } else {

              var count = null;

              sibling = sibling.previousSibling;

            }

          } while(sibling);

        }



        if(node.nodeType == 1) {

          path.push(node.nodeName.toLowerCase() + (node.id ? "[@id='"+node.id+"']" : count > 0 ? "["+count+"]" : ''));

        }

        return path;

      };

Java DOM: Sample XPath Query

thitiv (Thiti V. Sintopchai) — Mon, 14 May 2007 09:22:14 GMT



    try

    {

      XPath xpath = XPathFactory.newInstance().newXPath();

      Element e = (Element) xpath.evaluate("/Archive/Section/Description", parentNode,

          XPathConstants.NODE);

      printXmlNode(e);

    }

    catch (XPathExpressionException e)

    {

      e.printStackTrace();

    }

Greasemonkey script to get all xpath expressions of 'a' and 'input type=submit' elements in a document

earce (Emilio Arce) — Mon, 02 Apr 2007 19:42:55 GMT

This greasemonkey script uses the JS files loading mechanism that Carlo Zottmann's uses in his YUI GM script (http://ajaxian.com/archives/using-yui-in-greasemonkey-scripts)

The one JS file it loads (which you must host somewhere) must contain 3 functions: getElementXPath(), getElementIdx(), and gm_showXPath()

You will find getElementXPath and getElementIdx in a previous post of mine.

gm_showXPath() is provided here together with the GM script that loads the file and inserts a DIV on top of the HTML page with a link that when pressed will generate a pop-up and write all the XPATH expressions of 'a' and input submit elements in the document.

First the JS function that will call getElementXPath() for each doc element we are intersted on.



function gm_showXPath()

{

	var win = window.open("", window.location, "width="+700+",height="+300+",menubar=no,toolbar=no,directories=no,scrollbars=yes,status=no,left=0,top=0,resizable=yes");

	var xpathInfo = "";	

	var elt = null;

	var links = document.getElementsByTagName('a');

	var inputs = document.getElementsByTagName('input');

	// add click events

	xpathInfo +=  "" + window.location + "";

	for (var i=0; i < links.length; i++)

	{

		elt = links[i];

		var id = elt.getAttribute('id');

		if (id != "gm_showxpath")

		{

			xpathInfo += "href=" + elt.getAttribute('href') + ",xpath="+getElementXPath(links[i]);

                        xpathInfo += "
";

		}

	}

	

	for (var j=0; j < inputs.length; j++)

	{

		elt = inputs[j];

		var type = elt.getAttribute('type');

		if (type != null && type.toLowerCase() == 'submit')

		{

			xpathInfo += "href=" + elt.getAttribute('href') + ",xpath="+getElementXPath(links[i]);

			xpathInfo += "
";

		}

	}

	

	win.document.write(xpathInfo);

	win.document.close();

}

Here is the GM script that loads the JS file hosting the 3 functions I mentioned above. The SHOWXP.run function at the bottom of this GM script is the one that inserts the DIV at the top left corner of the page with a link to generate the XPATH "report"



// ==UserScript==

// @name            Show xpaths.

// @namespace       http://snippets.dzone.com

// @description     Demo description goes here

// @include         http*://*

// ==/UserScript==



var hostname = "http://your_host_name:xyz";



// Settings used by the loader

var GM_YUILOADER_CONFIG = {

    // List of JS libraries and CSS files to load. obj is used for the object

    // detection used in the loader. Basically, if the object already exists,

    // the script is not injected in the page.

    assets: [

		{ type: 'js', obj: 'XPATH', url: hostname + '/sandbox/xpath/xpath.js',  onload: null}

    ],



    // What should be the max allowed loading time? In this example, the

    // script has 6 seconds to load the libraries and CSS files.

    timeout: 6000,



    // How often should the script check if everything was loaded?

    interval: 300,



    // What to trigger once all assets are loaded (a string). Example: execute

    // SHOWXP.run() (this will be eval()'ed later on, hence the string)

    runFunction: 'SHOWXP.run()',

}







// START LOADER CODE //////////////////////////////////////////////////////////



var DEMO;

var GM_YUILOADER = {

    // Version of the loader

    VERSION: 20070103,



    // Simple internal timer to keep track of the passed time.

    loaderTimer: 0,

};





// This function checks whether everything was loaded yet; if not, it'll wait

// some more and call itself again. It'll do so until either all assets are

// loaded or the max loading time (GM_YUILOADER.loaderTimer.timeout) is

// reached.



GM_YUILOADER.loaderCheck = function() {

    var ud = unsafeWindow.document;



    // Do we have a green light yet?

    if (ud.GM_YUILOADER_DOC.go) {

        DEMO = unsafeWindow.DEMO;

        delete ud.GM_YUILOADER_DOC;

        GM_YUILOADER.run();

    }

    // Nope, not yet. Rinse & repeat!

    else {

        GM_YUILOADER.loaderTimer += GM_YUILOADER_CONFIG.interval;



        if (GM_YUILOADER.loaderTimer >= GM_YUILOADER_CONFIG.timeout) {

            return;

        }



        setTimeout(GM_YUILOADER.loaderCheck, GM_YUILOADER_CONFIG.interval);

    }

}





// Main function that initiates loading the external JS and/or CSS files



GM_YUILOADER.loader = function() {

    if (document.contentType != 'text/html' || !document.body) { return; }



    var ud = unsafeWindow.document;



    // This object holds the important stuff to make this work. It's a property

    // of GM's unsafeWindow.document object.



    ud.GM_YUILOADER_DOC = {

        // Number of JS libraries loaded so far (increased by countLoaded()

        // below)

        numberLoaded: 0,



        // Total number of JS files.

        numberTotal: 0,



        // If this is bool true, we're good to go! This is checked by

        // GM_YUILOADER.loaderCheck().

        go: false,



        // This function will be called by the onLoad events.

        countLoaded: function() {

            if (++this.numberLoaded == this.numberTotal) { this.go = true; }

        }

    };



    // Now let's add the extra tags to the page that'll load the libraries and

    // CSS files.

	var head = document.getElementsByTagName('head').item(0);

	

    var numAssets = GM_YUILOADER_CONFIG.assets.length;



    for (var a = 0; a < numAssets; a++) {

        var tag;

        var asset = GM_YUILOADER_CONFIG.assets[a];



        switch (asset.type) {

            // CSS file

            case 'css':

                tag = document.createElement('link');

                tag.href = asset.url;

                tag.type = 'text/css';

                tag.rel = 'stylesheet';

                break;



            // Javascript library.

            case 'js':

                var injectScript = true;



                // Object detection

                try {

                    injectScript = eval('window.' + asset.obj + ' === undefined');

                }

                catch (e) {}



                if (injectScript) {

                    tag = document.createElement('script');

                    tag.src = asset.url;



                    // The crucial part: triggering document.GM_YUILOADER.countLoaded()

                    // means keeping track whether all scripts are loaded yet.



                    tag.setAttribute('onload', 'document.GM_YUILOADER_DOC.countLoaded();');



                    // How many JS libraries are we dealing with again? Let's keep

                    // track.



                    ud.GM_YUILOADER_DOC.numberTotal++;

                }

                break;

        }



	    head.appendChild(tag);

    }



    // Did we actually include anything in the page? If so, trigger the

    // GM_YUILOADER.loaderCheck "watchdog". If not, just tell it to run the

    // main part of the script.



    if (ud.GM_YUILOADER_DOC.numberTotal > 0) {

        setTimeout(GM_YUILOADER.loaderCheck, GM_YUILOADER_CONFIG.interval);

    }

    else {

        ud.GM_YUILOADER_DOC.go = true;

        GM_YUILOADER.loaderCheck();

    }

}



GM_YUILOADER.run = function() {

    // When we're here, we're good to go!

    eval(GM_YUILOADER_CONFIG.runFunction);

}





// The initial GM_YUILOADER trigger.

setTimeout(GM_YUILOADER.loader, 500);



// END LOADER CODE ////////////////////////////////////////////////////////////







// START PAYLOAD SECTION //////////////////////////////////////////////////////



var SHOWXP = {

  

};







// This function is triggered by the loader engine once the scripts are loaded

SHOWXP.run = function() {

	var divElt = document.createElement('div');

	divElt.setAttribute("id", "getxpath");

	divElt.setAttribute("style", "background-color: black; font-weight: bold; font-size: 14px; top:0; left:0; position: absolute; border: 1px solid black;");

	divElt.innerHTML = "Show XPaths";

	document.body.appendChild(divElt);

}



// END PAYLOAD SECTION ////////////////////////////////////////////////////////