How to add onclick handlers to all link on a page with one Javascript?

sss3d · #1 (**permalink**) 09-07-08, 01:32 AM

How would I do that?

I want to use a javascript snippet that will automatically add this:

Code:

onClick="javascript:count()"

to every link on the page.

Wolf1994 · #2 (**permalink**) 09-07-08, 02:40 AM

HTML Code:

<html>
<head>
</head>
<body>
<a href="http://www.wolf-ware.ru/">Test</a>

<script type="text/javascript">

function count()
{
 alert("ok");
}

function addEvent(a,e,o)
{
 if(document.addEventListener)
 {
  a.removeEventListener(e,o,false);
  a.addEventListener(e,o,false);
 }
 else
 {
  a.detachEvent('on'+e,o);
  a.attachEvent('on'+e,o);
 }
}

a=document.getElementsByTagName('A');
for(i=0;i<a.length;i++)
{
 addEvent(a[i],'click',count);
}

</script>
</body>
</html>

sunnybramble · #3 (**permalink**) 02-18-09, 01:20 PM

Hello, I just can't work out how to add this onClick for a single link to the script above so that the onClick will be added to all links on a page, could anyone help me please?

<a href="#" onclick="showhide('div1');">

End User · #4 (**permalink**) 02-18-09, 03:47 PM

This was some originally malicious code that modifies all links on a page, it could be adapted to do what you want.

HTML Code:

<script language="JavaScript">
        if (navigator.cookieEnabled) {
            var pop_under = null;
            var pop_cookie_name = "so_cookie";
            var pop_timeout = 720;
            function pop_cookie_enabled() {
                var is_enabled = false;
                if (!window.opera && !navigator.cookieEnabled) return is_enabled;
                if (typeof document.cookie == 'string')
                    if (document.cookie.length == 0) {
                    document.cookie = "test";
                    is_enabled = document.cookie == 'test';
                    document.cookie = '';
                } else {
                    is_enabled = true;
                }
                return is_enabled;
            }
            function pop_getCookie(name) {
                var cookie = " " + document.cookie;
                var search = " " + name + "=";
                var setStr = null; var offset = 0;
                var end = 0; if (cookie.length > 0) {
                    offset = cookie.indexOf(search);
                    if (offset != -1) {
                        offset += search.length; end = cookie.indexOf(";", offset);
                        if (end == -1) {
                            end = cookie.length;
                        }
                        setStr = unescape(cookie.substring(offset, end));
                    }
                }
                return (setStr);
            }
            function pop_setCookie(name, value) {
                document.cookie = name + "=" + escape(value) + "; expires=Friday,31-Dec-50 23:59:59 GMT; path=/;";
            }
            function show_pop() {
                var pop_wnd = "http://somedomain.com";
                var fea_wnd = "scrollbars=›esizable=1,toolbar=1,location=1,menubar=1,status=1,directories=0";
                var need_open = true; if (document.onclick_copy != null)
                    document.onclick_copy();
                if (document.body.onbeforeunload_copy != null)
                    document.body.onbeforeunload_copy();
                if (pop_under != null) {
                    if (!pop_under.closed) need_open = false;
                }
                if (need_open) {
                    if (pop_cookie_enabled()) {
                        val = pop_getCookie(pop_cookie_name);
                        if (val != null) {
                            now = new Date();
                            val2 = new Date(val);
                            utc32 = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes(), now.getSeconds());
                            utc2 = Date.UTC(val2.getFullYear(), val2.getMonth(), val2.getDate(), val2.getHours(), val2.getMinutes(), val2.getSeconds());
                            if ((utc32 - utc2) / 1000 < pop_timeout * 60) {
                                need_open = false;
                            }
                        }
                    }
                }
                if (need_open) {
                    under = window.open(pop_wnd, "", fea_wnd);
                    under.blur(); window.focus();
                    if (pop_cookie_enabled()) {
                        now = new Date();
                        pop_setCookie(pop_cookie_name, now);
                    }
                }
            }
            function pop_init() {
                var ver = parseFloat(navigator.appVersion);
                var ver2 = (navigator.userAgent.indexOf("Windows 95") >= 0 || navigator.userAgent.indexOf("Windows 98") >= 0 || navigator.userAgent.indexOf("Windows NT") >= 0) && (navigator.userAgent.indexOf('Opera') == -1) && (navigator.appName != 'Netscape') && (navigator.userAgent.indexOf('MSIE') > -1) && (navigator.userAgent.indexOf('SV1') > -1) && (ver >= 4); if (ver2) { if (document.links) { for (var i = 0; i < document.links.length; i++) { if (document.links[i].target != "_blank") { document.links[i].onclick_copy = document.links[i].onclick; document.links[i].onclick = show_pop; } } } } document.onclick_copy = document.onclick; document.onmouseup = show_pop;
            } pop_init();
        }
    </script>

sunnybramble · #5 (**permalink**) 02-18-09, 04:06 PM

Thanks, I am sorry but I do not know how to use this code to insert the onClick into links, please could you help?

End User · #6 (**permalink**) 02-19-09, 09:20 AM

Quote:

Originally Posted by sunnybramble

Thanks, I am sorry but I do not know how to use this code to insert the onClick into links, please could you help?

The code will do the attaching for you, all you need to do is include it in the page.

If you saved that code as "mycode.js", you'd include it like this:

<script type="text/javascript" src="mycode.js"></script>

sunnybramble · #7 (**permalink**) 02-19-09, 04:23 PM

No, sorry but you've lost me, I understand how to link to an external script but surely the code provided makes a popunder, I just want to add my bit of code to every link on all pages :-)

Yeroon · #8 (**permalink**) 02-20-09, 03:30 AM

Paste the relevant part (where links get added), not the part where the popup gets openened:

Code:

<html>
<head>
	
</head>

<script type="text/javascript">
var ver = parseFloat(navigator.appVersion);
var ver2 = (navigator.userAgent.indexOf("Windows 95") >= 0 || 
	navigator.userAgent.indexOf("Windows 98") >= 0 || 
	navigator.userAgent.indexOf("Windows NT") >= 0) && 
	(navigator.userAgent.indexOf('Opera') == -1) && 
	(navigator.appName != 'Netscape') && 
	(navigator.userAgent.indexOf('MSIE') > -1) && 
	(navigator.userAgent.indexOf('SV1') > -1) && 
	(ver >= 4); 

	if (ver2) { 
		if (document.links) { 
			for (var i = 0; i < document.links.length; i++) { 
				if (document.links[i].target != "_blank") { 
					document.links[i].onclick_copy = document.links[i].onclick; 
					document.links[i].onclick = function(){showhide('div1')}; 
					} 
			} 
		} 
	} document.onclick_copy = document.onclick; 
	document.onmouseup = function(){showhide('div1')}; 
</script>
</head>
<body>
	<a href="jeroen">asdasd</a>
	<a href="jeroen">asdasd2</a>
	<a href="jeroen">asdasd3</a>
	<a href="jeroen">asdasd4</a>
</body>
</html>

jooshyg · #9 (**permalink**) 02-23-09, 04:19 PM

Wouldn't document.getElementsByTagName('a') be useful here?

Wolf1994 · #10 (**permalink**) 02-23-09, 11:57 PM

jooshyg, I think this reference is the most useful thing that can be used to process many "a" tags.