DOM Browsing

DOM Browsing

v1.0 - May 27, 2006
dombrowsing.zip (2k)

DOM Browsing is a client-side script that allows you to browse through the Document Object Model. It allows you to view all of the objects and properties contained within an HTML document.

Demonstration

Installation

1. Upload the file dombrowsing.js then link it to your document as a JavaScript include file. Add the following code between the <head> & </head> tags:

<script language="JavaScript" src="dombrowsing.js"></script>

2. Call the browseDom() function.

Documentation

Function: browseDom()
Description: This function is used to open a new window containing the DOM Browsing page.

browseDom(STARTOBJSTR)

STARTOBJSTR An optional string that specifies the starting object to browse. eg. 'window' or 'document.body'.

Source Code

dombrowsing.js (3k)

// =================================== // // DOM Browsing // // v1.0 - May 27, 2006 // // ----------------------------------- // // Created by Lloyd Hassell // // Website: lloydhassell.brinkster.net // // Email: lloydhassell@hotmail.com // // =================================== // function browseDom(STARTOBJSTR) { if (STARTOBJSTR == null) STARTOBJSTR = 'self'; var thisObj = eval(STARTOBJSTR); var documentHtmlStr = '<html><head><title>' + STARTOBJSTR + '</title></head>'; documentHtmlStr += '<body bgcolor="#FFFFFF" link="#000099" vlink="#000099" alink="#990000">'; documentHtmlStr += '' + STARTOBJSTR + ''; if (STARTOBJSTR.indexOf('.') != -1) documentHtmlStr += ' [ <a href="javascript:window.opener.browseDom(\'' + STARTOBJSTR.substring(0,STARTOBJSTR.lastIndexOf('.')) + '\')" onMouseOver="javascript:window.status = \'' + STARTOBJSTR.substring(0,STARTOBJSTR.lastIndexOf('.')) + '\'; return true;" onMouseOut="javascript:window.status = \'\'; return true;">parent</a> ]'; documentHtmlStr += ''; documentHtmlStr += '<table cellpadding="3" cellspacing="1" border="0" width="100%">'; var objProperties = new Array(); for (var propertyLoop in thisObj) objProperties[objProperties.length] = propertyLoop; objProperties.sort(); if (objProperties.length == 0) documentHtmlStr += 'This object has no properties.'; for (var propertyLoop in objProperties) { var tempProperty = thisObj[objProperties[propertyLoop]]; if (typeof(tempProperty) == 'object' && tempProperty != null && objProperties[propertyLoop] != 'location') tempProperty = '<a href="javascript:window.opener.browseDom(\'' + STARTOBJSTR + '.' + objProperties[propertyLoop] + '\')" onMouseOver="javascript:window.status = \'' + STARTOBJSTR + '.' + objProperties[propertyLoop] + '\'; return true;" onMouseOut="javascript:window.status = \'\'; return true;">' + tempProperty + '</a>'; else { tempProperty += ''; tempProperty = tempProperty.replace(/\</g,'<'); tempProperty = tempProperty.replace(/\>/g,'>'); } documentHtmlStr += '<tr>'; documentHtmlStr += '<td valign="top" width="25%" bgcolor="#006699">' + objProperties[propertyLoop] + '</td>'; documentHtmlStr += '<td valign="top" width="75%" bgcolor="#DDDDDD">' + tempProperty + ' </td>'; documentHtmlStr += '</tr>'; } documentHtmlStr += '</table></body></html>'; var domBrowsingWinObj = window.open('','domBrowsingWin','location=no,menubar=no,resizable=yes,scrollbars=yes,status=yes,toolbar=no'); domBrowsingWinObj.document.write(documentHtmlStr); domBrowsingWinObj.document.close(); domBrowsingWinObj.focus(); }

DOM Browsing by Lloyd Hassell

Website: lloydhassell.brinkster.net
Email: lloydhassell@hotmail.com