http://snippets.dzone.com/posts Fri, 25 Jul 2008 21:58:02 GMT DZone Snippets: onblur code http://snippets.dzone.com/posts/show/3025 I just prefer this implementation as opposed to window.onload. <br /> <br /><code>Event.observe( window, 'load', function() { <br /> // Put the Javascript that needs to happen when the page <br /> // loads here <br />} );</code> <br /> <br />For example, here's a way to make most of your input fields and all of your textareas have a different class when they're selected. Useful if you want to style them differently with CSS. <br /><code>Event.observe( window, 'load', function() { <br /> var inputs = document.getElementsByTagName( 'input' ); <br /> var textareas = document.getElementsByTagName( 'textarea' ); <br /> <br /> for ( var i=0; i<inputs.length; i++ ) { <br /> type = inputs[i].type; <br /> <br /> if ( <br /> ( type == 'button' || type == 'reset' || <br /> type == 'password' || type == 'text' || <br /> type == 'submit' ) && <br /> ( inputs[i].onfocus == '' || <br /> !inputs[i].onfocus ) <br /> ) { <br /> inputs[i].onfocus = function() { <br /> this.className = 'selected'; <br /> } <br /> <br /> inputs[i].onblur = function() { <br /> this.className = ''; <br /> } <br /> } <br /> } <br /> <br /> for ( var i=0; i<textareas.length; i++ ) { <br /> if ( textareas[i].onfocus == '' || !textareas[i].onfocus ) { <br /> textareas[i].onclick = function() { <br /> this.className = 'selected'; <br /> } <br /> textareas[i].onblur = function() { <br /> this.className = ''; <br /> } <br /> } <br /> } <br />} );</code> Mon, 20 Nov 2006 20:47:53 GMT http://snippets.dzone.com/posts/show/3025 moneypenny ()