Topic: Cross browser addEventListener function $Pages that link to <a href="https://ozoneasylum.com/backlink?for=31837" title="Pages that link to Topic: Cross browser addEventListener function" rel="nofollow" >Topic: Cross browser addEventListener function\$

Author	Thread
Hustluz Bipolar (III) Inmate From: Insane since: Jun 2003	posted 05-28-2010 20:43 I am working from a tutorial trying to write a cross browser addEventListener function. I see that it works in firefox and IE but not so good in safari. Can anyone tell me how to fix my code so that it works with safari? code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Simple Event Example</title> <script type="text/javascript"> function addEventHandler(oNode, evt, oFunc, bCaptures) { if (typeof(window.event) != "undefined") oNode.attachEvent("on"+evt, oFunc); else oNode.addEventListener(evt, oFunc, bCaptures); } function onLinkClicked(e) { alert("You clicked the link!"); } function setUpClickEvent(e) { addEventHandler(document.getElementById("clickLink"), "click", onLinkClicked, false); } addEventHandler(window, "load", setUpClickEvent, false); </script> </head> <body> <a href="#" title="click me" id="clickLink">Click Me!</a> </body> </html> thanks again in advance. oh by the way im using safari on a macbook pro with osx 10.6 (Edited by Hustluz on 05-28-2010 20:44)
BillyRayPreachersSon Bipolar (III) Inmate From: London Insane since: Jul 2004	posted 08-05-2010 21:26 Instead of testing for window.event, you are better off testing for the presence of the calls you wish to use: code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Simple Event Example</title> <script type="text/javascript"> function addEventHandler(oNode, evt, oFunc, bCaptures) { if (document.addEventListener) { // Safari, Chrome, Fx, etc oNode.addEventListener(evt, oFunc, bCaptures); } else if (document.attachEvent) { // IE oNode.attachEvent('on' + evt, oFunc); } else { // If all else fails oNode['on' + evt] = oFunc; } } function onLinkClicked(e) { alert("You clicked the link!"); } function setUpClickEvent(e) { addEventHandler(document.getElementById('clickLink'), 'click', onLinkClicked, false); } addEventHandler(window, 'load', setUpClickEvent, false); </script> </head> <body> <a href="#" title="click me" id="clickLink">Click Me!</a> </body> </html> Dan \
coach Nervous Wreck (II) Inmate From: Insane since: May 2011	posted 05-31-2011 11:00 Edit TP: spam removed

Topic: Cross browser addEventListener function\$

Author

Thread

Hustluz
Bipolar (III) Inmate

From:
Insane since: Jun 2003

posted 05-28-2010 20:43

I am working from a tutorial trying to write a cross browser addEventListener function. I see that it works in firefox and IE but not so good in safari. Can anyone tell me how to fix my code so that it works with safari?

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Simple Event Example</title>
<script type="text/javascript">
function addEventHandler(oNode, evt, oFunc, bCaptures)
{
	if (typeof(window.event) != "undefined")
		oNode.attachEvent("on"+evt, oFunc);
	else
		oNode.addEventListener(evt, oFunc, bCaptures);
}

function onLinkClicked(e) {
    alert("You clicked the link!");
}

function setUpClickEvent(e) {
    addEventHandler(document.getElementById("clickLink"), "click", onLinkClicked, false);
}

addEventHandler(window, "load", setUpClickEvent, false);
</script>
</head>
<body>
<a href="#" title="click me" id="clickLink">Click Me!</a>
</body>
</html>

thanks again in advance.

oh by the way im using safari on a macbook pro with osx 10.6

(Edited by Hustluz on 05-28-2010 20:44)

BillyRayPreachersSon
Bipolar (III) Inmate

From: London
Insane since: Jul 2004

posted 08-05-2010 21:26

Instead of testing for window.event, you are better off testing for the presence of the calls you wish to use:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<title>Simple Event Example</title>

	<script type="text/javascript">

		function addEventHandler(oNode, evt, oFunc, bCaptures) {
			if (document.addEventListener) {
				// Safari, Chrome, Fx, etc
				oNode.addEventListener(evt, oFunc, bCaptures);
			} else if (document.attachEvent) {
				// IE
				oNode.attachEvent('on' + evt, oFunc);
			} else {
				// If all else fails
				oNode['on' + evt] = oFunc;
			}
		}

		function onLinkClicked(e) {
			alert("You clicked the link!");
		}

		function setUpClickEvent(e) {
			addEventHandler(document.getElementById('clickLink'), 'click', onLinkClicked, false);
		}

		addEventHandler(window, 'load', setUpClickEvent, false);
	</script>
</head>

<body>
	<a href="#" title="click me" id="clickLink">Click Me!</a>
</body>
</html>

Dan
\

coach
Nervous Wreck (II) Inmate

From:
Insane since: May 2011

posted 05-31-2011 11:00

Edit TP: spam removed

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: Cross browser addEventListener function

Insert Slimies »

Insert UBB Code »

Topic: Cross browser addEventListener function $Pages that link to <a href="https://ozoneasylum.com/backlink?for=31837" title="Pages that link to Topic: Cross browser addEventListener function" rel="nofollow" >Topic: Cross browser addEventListener function\$