I was looking for a way to attach an event to ALL the input fields on a web page and found this little ditty that lets you attach event handlers to all instances of an element with one call :)
<html>
<head>
<title>title>
<script type="text/javascript" language="Javascript">
function addEvent(obj, evType, fn)
{
if (obj.addEventListener)
{
obj.addEventListener(evType, fn, true);
return true;
}
else if (obj.attachEvent)
{
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else
{
return false;
}
}
addEvent(window, ''load'', function() {
var input;
var inputs = document.getElementsByTagName(''input'');
for (var i = 0; (input = inputs[i]); i++) {
addEvent(input, ''blur'', myBlur);
}
}
);
function myBlur()
{
alert("My Blur");
}
script>
head>
<body>
<form name="myform">
header
name: <input type="text" name="fname" /><br>
email: <input type="text" name="femail" /><br>
footer
form>
body>
html>