On page load script

[fckool]

Hello,

I have this code, how can I modify it to work on page load instead when I click in the page?

Thank you

Code:

if((document.getElementById) && window.addEventListener || window.attachEvent){
	(function(){
		var hairCol = "#ff0000";

		var d = document;
		var my = -10;
		var mx = -10;
		var r;
		var vert = "";

		var idx = document.getElementsByTagName('div').length;

		var thehairs = "<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href=" + encodeURIComponent(fan_page_url) + "&amp;layout=standard&amp;show_faces=true&amp;width=53&amp;action=like&amp;colorscheme=light&amp;height=80' style='position:absolute;width:53px;height:23px;overflow:hidden;border:0;opacity:" + opacity +";filter:alpha(opacity=" + opacity * 100+ ");'></iframe>";
		document.write(thehairs);
		var like = document.getElementById("theiframe");
		document.getElementsByTagName('body')[0].appendChild(like);

		var pix = "px";
		var domWw = (typeof window.innerWidth == "number");
		var domSy = (typeof window.pageYOffset == "number");

		if (domWw)
			r = window;
		else{ 
			if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0)
				r = d.documentElement;
			else{
				if (d.body && typeof d.body.clientWidth == "number")
					r = d.body;
			}
		}

		
		if(time != 0){
			setTimeout(function(){
						document.getElementsByTagName('body')[0].removeChild(like);

						if (window.addEventListener){
							document.removeEventListener("mousemove",mouse,false);
						}  
						else if (window.attachEvent){
							document.detachEvent("onmousemove",mouse);
						}
					}, time);
		}

		function scrl(yx){
			var y,x;
			if (domSy){
				y = r.pageYOffset;
				x = r.pageXOffset;
			}
			else{
				y = r.scrollTop;
				x = r.scrollLeft;
			}
			return (yx == 0) ? y:x;
		}

		function mouse(e){
			var msy = (domSy)?window.pageYOffset:0;
			if (!e)
				e = window.event;    
			if (typeof e.pageY == 'number'){
				my = e.pageY - 5 - msy;
				mx = e.pageX - 4;
			}
			else{
				my = e.clientY - 6 - msy;
				mx = e.clientX - 6;
			}
			vert.top = my + scrl(0) + pix;
			vert.left = mx + pix;
		}

		function ani(){
			vert.top = my + scrl(0) + pix;
			setTimeout(ani, 300);
		}


		function init(){
			vert = document.getElementById("theiframe").style;
			ani();
		}

		if (window.addEventListener){
			window.addEventListener("load",init,false);
			document.addEventListener("mousemove",mouse,false);
		}  
		else if (window.attachEvent){
			window.attachEvent("onload",init);
			document.attachEvent("onmousemove",mouse);
		}

	})();
}//End.

[fckool]

Anyone?

I really need it for today, sorry.

Thank you in advance.

[svidgen]

I'm not sure this is necessary:

        if (window.addEventListener){
            window.addEventListener("load",init,false);
            document.addEventListener("mousemove",mouse,false);
        }  
        else if (window.attachEvent){
            window.attachEvent("onload",init);
            document.attachEvent("onmousemove",mouse);
        } 

This should generally suffice:

window.onload = init; 

Or this, if you need to pass parameters to init() or perform other actions as well:

window.onload = function() { init(); } 

Though, the simplest solution, in my opinion, is to place your "onload" code or method call at the bottom of the page, immediately before the closing body tag. You don't necessarily have the assurance that all images are loaded at that point, but all DOM nodes and preceding scripts will be.

[fckool]

It still not working

[svidgen]

Is there a publicly accessible URL at which we can see this not working?

[fckool]

Is there a publicly accessible URL at which we can see this not working?

http://www.deficiente-forum.com/pub/3.html

[svidgen]

Alright. I see you've changed a few things here.

window.onload = function(){
  ... a bunch of stuff ...
  window.onload = init;
}() 

My best guess offhand as to what's happening:

The function() being set to window.init is being run as an anonymous function, the result of which (there is no result in this case) is being assigned to window.onload, which is replacing the assignment within the function (window.onload = init).

To take a simple example, the following line will define x as a function which alerts a literal x:

var x = function() { alert('x'); } 

This line, on the other hand, will execute an anonymous function, alert a literal x immediately, and then dump the return value (null) into x after the alert box is cleared:

var x = function() { alert('x'); }() 

First thing to try, get rid of the first window.onload =. Leave the window.onload = init; line in place. See what happens.

[fckool]

Alright. I see you've changed a few things here.

window.onload = function(){
  ... a bunch of stuff ...
  window.onload = init;
}() 

My best guess offhand as to what's happening:

The function() being set to window.init is being run as an anonymous function, the result of which (there is no result in this case) is being assigned to window.onload, which is replacing the assignment within the function (window.onload = init).

To take a simple example, the following line will define x as a function which alerts a literal x:

var x = function() { alert('x'); } 

This line, on the other hand, will execute an anonymous function, alert a literal x immediately, and then dump the return value (null) into x after the alert box is cleared:

var x = function() { alert('x'); }() 

First thing to try, get rid of the first window.onload =. Leave the window.onload = init; line in place. See what happens.

Ok, see it now. Thank you for the help

[svidgen]

You've commented out the remainder of the function, including the closing })().

[fckool]

You've commented out the remainder of the function, including the closing })().

ups.. my mistake, sorry

[fckool]

You've commented out the remainder of the function, including the closing })().

still not working.. any idea?

[svidgen]

still not working.. any idea?

Yup. And at this point, I think it's best that I instruct you to use your browser's debug console.

If you're using Chrome, you can right-click on the page, click Inspect Clement, and select the Console tab.
If you're using Internet Explorer, press F12 and select the Console or Script tab.
If you're using Firefox, find the Error Console from the Web Developer menu or press Ctrl-Shift-J.

The error I'm seeing is exceptionally obvious if you take a brief moment to look for it!

[fckool]

Yup. And at this point, I think it's best that I instruct you to use your browser's debug console.

If you're using Chrome, you can right-click on the page, click Inspect Clement, and select the Console tab.
If you're using Internet Explorer, press F12 and select the Console or Script tab.
If you're using Firefox, find the Error Console from the Web Developer menu or press Ctrl-Shift-J.

The error I'm seeing is exceptionally obvious if you take a brief moment to look for it!

Uncaught ReferenceError: windows is not defined

True..See it now.