Internet Explorer, for the most part, implements MSXml 4.0 or higher. However that’s (obviously) a Microsoft technology, and the standard implementation doesn’t support XPath in the DOM.

In particular the selectNodes() and selectSingleNode() functions are of particular use when manipulating XML or the DOM. Using these functions you can parse an XPath expression and get a nodelist of elements in your DOM that match the expression.

The code below adds basic XPath parsing functionality to the DOM in Mozilla. (Thanks to km0ti0n)

// mozXPath - http://km0.la/js/mozXPath/
// km0ti0n@gmail.com
// Code licensed under Creative Commons Attribution-ShareAlike License
// http://creativecommons.org/licenses/by-sa/2.5/
if (document.implementation.hasFeature("XPath", "3.0")) {
	if ( typeof XMLDocument == "undefined" ) {
		XMLDocument = Document;
	}
	XMLDocument.prototype.selectNodes = function(cXPathString, xNode) {
		if ( !xNode ) { xNode = this; }
		var oNSResolver = this.createNSResolver(this.documentElement);
		var aItems = this.evaluate(cXPathString, xNode, oNSResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
		var aResult = [];
		for ( var i = 0; i < aItems.snapshotLength; i++) {
			aResult[i] =  aItems.snapshotItem(i);
		}
		return aResult;
	}
	XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode) {
		if( !xNode ) { xNode = this; }
		var xItems = this.selectNodes(cXPathString, xNode);
		if ( xItems.length > 0 ) { return xItems[0]; }
		else { return null; }
	}

	Element.prototype.selectNodes = function(cXPathString) {
		if (this.ownerDocument.selectNodes) {
			return this.ownerDocument.selectNodes(cXPathString, this);
		} else { throw "For XML Elements Only"; }
	}

	Element.prototype.selectSingleNode = function(cXPathString) {
		if (this.ownerDocument.selectSingleNode) {
			return this.ownerDocument.selectSingleNode(cXPathString, this);
		} else { throw "For XML Elements Only"; }
	}
}

It appears that Opera doesn’t have the XMLDocument object type, so, when using the XmlHttpRequest object the responseXML is in fact a Document object.

To get around this fact, we can use:

if ( typeof XMLDocument == "undefined" ) {
    XMLDocument = Document;
}

To use these new features, in either IE or Firefox, you can now simple call the functions as a method of the elements themselves… e.g.:

On the following XML Document:

    
      Some Content
    
    
      Some Content
    
    
      Some Content
    

For the XML sample above, you can use the following XPath to select all ContentNode‘s with their enabled attribute set to “true”:
//subnode[@enabled='true']/contentnode

So you would retrieve your XML Node List by executing the following JavaScript function:

//assume the variable xDOM is an XmlDocument object
//...that has been pre-loaded with the example XML
var nodeList = xDOM.selectNodes('//subnode[@enabled='true']/contentnode');
for each (var xNode in nodeList) {
    //do some operation...
}

This would perform some operation on each contentnode which is inside a subnode with it’s enabled property set to true.

NOTE: Be sure to double check your syntax, spelling and remember XML/XPath is CaseSensitive.

Numeric formatting in JavaScript can be very tedious. From handling non-numeric characters, to multiple-currency symbols, to alternate negative display methods. The functions below should be valuable in assisting to format numbers and currencies of all types.

To do complete formatting of a number, the following function formatNumber(), takes several parameters specifying the properties of the output.

/* formatNumber: PARAMETERS...
num: the decimal number to convert (must be numeric)
dec: number of resulting decimal places to keep
thou: the character to use for thousands separator
pnt: the character to use for decimal point
curr1: Preceding Currency Symbol
curr2: Trailing Currency symbol
n1: Preceding Negative character
n2: Trailing Negative character
*/
function formatNumber(num, dec, thou, pnt, curr1, curr2, n1, n2) {
	var x = Math.round(num * Math.pow(10,dec));
	if (x >= 0) n1 = n2 = '';
	var y = (''+ Math.abs(x)).split('');
	var z = y.length - dec;
	if (z<0) z--;
	for (var i = z; i < 0; i++) y.unshift('0');
	if (z<0) z = 1;
	y.splice(z, 0, pnt);
	if (y[0] == pnt) y.unshift('0');
	while (z > 3) { z-=3; y.splice(z,0,thou); }
	var r = curr1 + n1 + y.join('') + n2 + curr2;
	return r;
}

To use this function, simply call the function with the parameters you require.
e.g. To display a currency (western such as USD or AUD):

var cur = formatNumber(1257.45, 2, ',', '.', '$', '', '-', '');
alert(cur);

will output: $1,257.45

Alternatively, you may decide to use a helper function that defaults most of these values for you. For example:

function formatCurrency(num) {
  return formatNumber(num, 2, ',', '.', '$', '', '-', '');
}

The thousandsFormat() function takes any decimal number, negative or positive, and formats it by adding commas every three digits. This makes the number more readable for your site visitors:

// This function formats numbers by adding commas
function thousandsFormat(nStr) {
  nStr += '';
  x = nStr.split('.');
  x1 = x[0];
  x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1))
    x1 = x1.replace(rgx, '$1' + ',' + '$2');
  return x1 + x2;
}

Strip Non-Numeric Characters From a String

The stripNonNumeric() function strips any non-numeric characters from a string leaving you with a valid decimal number. This function considers the minus sign (hyphen) and the period to be numeric and will not strip them unless the minus sign is not at the beginning of the number or there is more than one period:

// This function removes non-numeric characters
function stripNonNumeric(str) {
  str += '';
  var rgx = /^\d|\.|-$/;
  var out = '';
  for (var i = 0; i < str.length; i++) {
    if (rgx.test(str.charAt(i))) {
      if (!((str.charAt(i)=='.' && out.indexOf('.')!=-1)
        || (str.charAt(i)=='-' &&  out.length!=0))) {
        out += str.charAt(i);
      }
    }
  }
  return out;
}

Unfortunately JavaScript doesn’t have this sort of thing built in, so here’s how to implement your own trim() functions (as well as ltrim() and rtrim()) in various ways depending on the level of backward compatibility you require.

trim() member functions

Use the code below to make trim a method of all Strings. Ordinarily you would place this code into a global JavaScript file that would be included in all your pages.

String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g,"");
}

String.prototype.ltrim = function() {
    return this.replace(/^\s+/,"");
}

String.prototype.rtrim = function() {
    return this.replace(/\s+$/,"");
}

Examples using trim(), ltrim(), and rtrim() prototyped methods

var testString = " hello world ";
alert("#"+ testString.trim() +"#");
alert("#"+ testString.ltrim() +"#");
alert("#"+ testString.rtrim() +"#");

standalone JavaScript functions

If you’d prefer to use regular functions to return trimmed strings rather than modifying the String object using prototyping, then try the following code:

function trim(value) {
    return value.replace(/^\s+|\s+$/g,"");
}
function ltrim(value) {
    return value.replace(/^\s+/,"");
}
function rtrim(value) {
    return value.replace(/\s+$/,"");
}

Examples using trim(), ltrim(), and rtrim() functions

var testString = " hello world ";
alert("#"+ trim(testString) +"#");
alert("#"+ ltrim(testString) +"#");
alert("#"+ rtrim(testString) +"#");

Compatibility

The above functions require JavaScript 1.2+ and JScript 3.0+ as they are using Regular Expressions to work their magic. This pretty much covers all modern browsers (v4 and above of IE and opera, and all versions of Firefox).
If you require functions that will be compatible with very old browsers only supporting JavaScript 1.0 or there about, try using the following set of functions. These functions strip the following standard whitespace characters: space, tab, line feed, carriage return, and form feed. The IsWhitespace function checks if a character is whitespace.

function ltrim(str) {
    for(var k = 0;
        k < str.length && isWhitespace(str.charAt(k));
        k++);
    return str.substring(k, str.length);
}
function rtrim(str) {
    for(var j=str.length-1;
        j>=0 && isWhitespace(str.charAt(j));
        j--);
    return str.substring(0,j+1);
}
function trim(str) {
    return ltrim(rtrim(str));
}
function isWhitespace(charToCheck) {
    var whitespaceChars = " \t\n\r\f";
    return (whitespaceChars.indexOf(charToCheck) != -1);
}

e.g. http://www.yesjames.com/test.php?myparam=justatest
calling “gerURLParam(‘myparam’) will return “justatest”

function getURLParam(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var pattern = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp(pattern);
  var aResult = regex.exec(window.location.href);
  if ( aResult == null ) {
    return "";
  } else {
    return aResult[1];
  }
}