Hope there is anyone who can help me out so that
this unhide function will work ...
As I mentioned before I have some other javascripts they work perfect but the problem is that I put the last javascript after the <img> in the HTML and hence the onload event does not work properly. Maybe someone can have a look at a testpage.
/* This library contains commonly used scripts for DOM Manipulation */
// DOM library, courtesy Author: Tom Wright <tomwright.me.uk>
//Copyright (c): 2003-2004 Tom Wright, all rights reserved
// --------------------------
// -- Debugging routines ----
// --------------------------
function debug(obj) {
var str,
holder = document.getElementsByTagName("body").item(0),
container = document.createElement("pre"),
styles = {"textAlign":"left",
"background":"#fff",
"border":"1px solid #333",
"padding":"2%",
"width":"80%",
"overflow":"auto",
"margin":"1em auto"};
for (i in obj) { str += i + ":" + obj[i] + "\n\r"; }
if (holder == null) { alert(str); }
else {
container.appendChild(document.createTextNode(str));
defineCSS(container, styles);
holder.appendChild(container);
}
}
function
report_errors(e) {
debug(e);
}
// --------------------------
// ------- DIY Legacy -------
// --------------------------
var undefined;
if (typeof Function.prototype.call == undefined) {
Function.prototype.call = function(obj, param) {
obj.base = this;
obj.base(param);
}
}
// ----------------------------
// -- Prototype enhancements --
// ----------------------------
Function.prototype.Iterate = function(collection) {
if (typeof TreeWalker != "undefined" && collection instanceof TreeWalker) {
while((elem = collection.nextNode()) != null) {
this(elem);
}
}
else {
// note use the collection index rather than item() method
// since IE will pass a standard array if getSet has been
// used to build the collection
for (var i = 0, elem; elem = collection[i]; i++ ) {
this(elem, i);
}
}
}
Array.prototype.search = function(str) {
var re;
for (var i = 0, m = this.length; i < m; i++) {
re = new RegExp('^' + str + '$', 'i');
if (re.test(this[i])) {
return true;
}
}
return false;
}
// ---------------------------
// -- Standard DOM Routines --
// ---------------------------
if (typeof Node == "undefined") {
// set some node constants for IE.
var Node = {};
Node.ELEMENT_NODE =1;
Node.ATTRIBUTE_NODE =2;
Node.TEXT_NODE =3;
Node.CDATA_SECTION_NODE =4;
Node.ENTITY_REFERENCE_NODE =5;
Node.ENTITY_NODE =6;
Node.PROCESSING_INSTRUCTION_NODE =7;
Node.COMMENT_NODE =8;
Node.DOCUMENT_NODE =9;
Node.DOCUMENT_TYPE_NODE =10;
Node.DOCUMENT_FRAGMENT_NODE =11;
Node.NOTATION_NODE =12;
}
// replacement func for referencing an element in the DOM tree
function ref(id) {
if (document.getElementById) {
var elem = document.getElementById(id);
return (elem) ? elem : undefined;
}
return undefined;
}
// replacement func for creating an element
function create(t, nodeType) {
if (nodeType == undefined) {
return document.createElement(t);
}
else {
switch(nodeType) {
case Node.TEXT_NODE:
return document.createTextNode(t)
break;
default:
return document.createElement(t);
break;
}
}
}
// get a reference to an HTMLCollection or HTMLElement within a collection
// eg
// * col('table') will return a collection of all table elements
// * col('table', 1) will return the second table in table's collection
// * col('input', 0, 'form_id') will return the first input field in the form with ID form_id
// * col('input', 0, col('form', 0)) will return then first input field in the first form
function col(tag, idx, parent) {
var c;
if (document.getElementsByTagName) {
if (parent != undefined) {
c = (typeof parent == "string") ?
ref(parent).getElementsByTagName(tag) : parent.getElementsByTagName(tag);
}
else {
c = document.getElementsByTagName(tag);
}
}
return (c.length == 0) ? undefined : ((idx != undefined && idx != -1) ? c[idx] : c);
}
// compressed method for navigating through the dom tree, similar to get but based
// on properties (ie prototyping).
// get('form')(0).get('input')(0) would get the first input in first form
//
// this method depends on assignToDOM to work in IE and is setup by calling __initDOMCrawler
var get = function(tag) {
var self = (this.nodeName != undefined) ?
this : // this instanceof Node
document; // this instanceof Window
return function(idx) {
if (tag instanceof Array) {
return getSet(tag, self);
}
else {
return (idx == undefined) ?
self.getElementsByTagName(tag) :
self.getElementsByTagName(tag).item(idx);
}
}
}
function getSet(tags, root) {
if (document.createTreeWalker) {
// Keep out IE unless we build an IE TreeWalker object!!
root = (root == undefined) ? document : root;
var set = document.createTreeWalker(root,
NodeFilter.SHOW_ELEMENT,
{
acceptNode : function(n) {
return (tags.search(n.tagName)) ?
NodeFilter.FILTER_ACCEPT :
NodeFilter.FILTER_SKIP;
}
},
false);
}
else {
var set = [];
try {
for(var i = 0, m = tags.length; i < m; i++) {
// cannot call get on document so check for root parameter
// and if it does not exist call get globally
if (root == document || root == undefined) {
(function(elem){set[set.length]=elem;}).Iterate(get(tags[i])());
}
else {
(function(elem){set[set.length]=elem;}).Iterate(root.get(tags[i])());
}
}
} catch(e) {alert("Error thrown in getSet()");report_errors(e);}
}
return set;
}
function assignToDOM(fn, fn_name, obj) {
var elem;
if (obj.childNodes && obj.childNodes.length > 0) {
elem = obj.firstChild;
do {
if (elem.nodeType == Node.ELEMENT_NODE) {
elem[fn_name] = fn;
assignToDOM(fn, fn_name, elem);
}
} while (elem = elem.nextSibling);
}
}
function __initDOMCrawler() {
if (typeof HTMLElement != "undefined") { HTMLElement.prototype.get = get; }
else { assignToDOM(get, 'get', get('body')(0)); }
}
// assign a group of styles to a DOM node where the styles are
// stores as an object {property_1:value_1, .. , property_n:value_n}
function defineCSS(obj, styles) {
if (styles instanceof Object) {
for (var prop in styles) {
obj.style[prop] = styles[prop];
}
}
}
// calculate the computed style for a element
function getStyle(elem, ieStyle, cssStyle) {
if (elem.currentStyle) {
return elem.currentStyle[ieStyle];
}
else if (window.getComputedStyle) {
var comp = window.getComputedStyle(elem, "");
return comp.getPropertyValue(cssStyle);
}
return "";
}
// recursively iterate through the DOM tree building
// output in global variable <str >
var str = "", TAB = " ";
function walkDOM(obj, tabs) {
var elem;
if (tabs == undefined) { tabs = ""; }
if (obj.childNodes && obj.childNodes.length > 0) {
elem = obj.firstChild;
do {
str += (tabs + elem.nodeName + ":" + elem.nodeType + "\n\r");
walkDOM(elem, tabs + TAB);
} while (elem = elem.nextSibling);
}
}
// -----------------------------
// -- Standard DHTML Routines --
// -----------------------------
function getInsideWidth(){if(window.innerWidth){return window.innerWidth;}else if(document.documentElement.clientWidth&&document.documentElement.clientWidth!=0){return document.documentElement.clientWidth;}else if(document.body&&document.body.clientWidth){return document.body.clientWidth;}else{return 0;}}
function getInsideHeight(){if(window.innerHeight){return window.innerHeight;}else if(document.documentElement.clientHeight&&document.documentElement.clientWidth!=0){return document.documentElement.clientHeight;}else if(document.body&&document.body.clientWidth){return document.body.clientHeight;}else{return 0;}}
function getPosObj(elem){var coords={x:0,y:0};do{coords.x+=elem.offsetLeft;coords.y += elem.offsetTop;elem=elem.offsetParent;}while(elem.offsetParent);coords.x=parseInt(coords.x);coords.y =parseInt(coords.y);return coords;}
function getPosEvtScr(e){var coords={x:0,y:0};if(e.pageX){coords.x=e.pageX;coords.y=e.pageY;}else if(e.clientX){var b=get('body')(0);coords.x=e.clientX+b.scrollLeft-b.clientLeft;coords.y=e.clientY+b.scrollTop-b.clientTop;if(b.parentElement&&b.parentElement.clientLeft){p=b.parentElement;coords.x+=p.scrollLeft-p.clientLeft;coords.y+=p.scrollTop-p.clientTop;}}coords.x=parseInt(coords.x);coords.y=parseInt(coords.y);return coords;}
function getPosEvtObj(e,elem){var coords={x:0,y:0},pScr=getPosEvtScr(e),pElem=getPosObj(elem);coords.x=parseInt(pScr.x-pElem.x);coords.y=parseInt(pScr.y-pElem.y);return coords;}
function getObjSize(elem){var size={w:0,h:0};size.h=parseInt(elem.offsetHeight);size.w=parseInt(elem.offsetWidth);return size;}
// ----------------------------
// ------ Event Handling ------
// ----------------------------
/**
* @abstract
*/
function EventListener(elem) {
this.elem = elem;
this.evt = "";
this.invoke = function(evt) {
this.evt = (evt) ? evt :
((window.event) ? window.event : null);
}
this.cancelDefault = function() {
if (this.evt) {
if (this.evt.preventDefault) {
this.evt.preventDefault();
}
this.evt.returnValue = false;
}
}
this.register = function(handler,fn) {
if (handler instanceof Array) {
for(var i=0;i<handler.length; i++) {
addEvent(this.elem,handler[i],fn);
}
}
else { addEvent(this.elem,handler,fn); }
}
this.unregister = function(handler, fn) {
if (handler instanceof Array) {
for (var i = 0; i < handler.length; i++) {
removeEvent(this.elem, handler[i], fn);
}
}
else { removeEvent(this.elem, handler, fn); }
}
}
function getTarget(evt){if(!evt)var evt=window.event;if(evt){var elem=(evt.target)?evt.target:((evt.srcElement)?evt.srcElement:null);while(elem.nodeType==Node.TEXT_C ONTENT){elem=elem.parentNode;}return elem;}}
function cancelPropogation(evt)
{
if (!evt) var evt = window.event;
evt.cancelBubble = true; /* ie */
if (evt.stopPropagation) {
evt.stopPropagation();
}
}
function cancelDefault(evt){if(evt){if(evt.preventDefault){evt.preventDefault();}evt.returnValue=false;}}
function addLoadEvent(func){if(document.getElementById&&document.createTextNode){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}}
function addEvent(obj,evType,fn,useC){if(obj.addEventListener){obj.addEventListener(evType,fn,useC);return true;}else if(obj.attachEvent){var r=obj.attachEvent("on"+evType,fn);return r;}else{alert("Browser does not support event attachment");}}
function removeEvent(obj,evType,fn,useC){if(obj.removeEventListener){obj.removeEventListener(evType,fn,useC); return true;}else if(obj.detachEvent){var r=obj.detachEvent("on"+evType,fn);return r;}else{alert("Browser does not support event detachment");}}
addLoadEvent(function() { __initDOMCrawler(); });
//avoid memory leaks in IE
if(typeof window.attachEvent != 'undefined')
{
window.attachEvent('onunload', function()
{
// loop through every item in the document collection
// var start = new Date();
for(var i=0,m=document.all.length;i<m;i++) {
// set any event handlers that have been assigned a callback function to null. eg..
document.all[i]['onmouseover'] = null;
document.all[i]['onmouseout'] = null;
document.all[i]['onmousemove'] = null;
document.all[i]['ondragstart'] = null;
document.all[i]['onfocus'] = null;
document.all[i]['onblur'] = null;
}
// var end = new Date();
// var time = end.getTime() - start.getTime();
// alert(i + " DOM nodes cleaned.\nClean up took " + time + "ms.");
if (typeof req == "object") {req = null;}
});
}
PS if wanna use this code let the author know.