var enable_text_field_focus = 1;var enable_select_field_focus = 1;var enable_textarea_field_focus = 1;var enable_checkbox_field_focus = 1; function HighlightFormElements() { if(enable_text_field_focus == 1) AddFocusHandlers(document.body.getElementsByTagName('input')); if(enable_select_field_focus == 1) AddFocusHandlers(document.body.getElementsByTagName('select'), 1); if(enable_textarea_field_focus == 1) AddFocusHandlers(document.body.getElementsByTagName('textarea'), 2); } function AddFocusHandlers(elements, type) { for (i=0; i < elements.length; i++) { if (elements[i].type != 'button' && elements[i].type != 'submit' && elements[i].type != 'reset' && elements[i].type != 'hidden' && elements[i].type != 'image') { if(elements[i].type == 'text' || elements[i].type == null || elements[i].type == 'password') { var tmpEvent = elements[i].getAttribute('onfocus'); if(!tmpEvent) { elements[i].onfocus = function() { this.className = 'input-fields-focus'; }; elements[i].onblur = function() { this.className = 'input-fields'; }; } } else if(enable_checkbox_field_focus == 1 && (elements[i].type == 'checkbox' || elements[i].type == 'radio')) { elements[i].onfocus=function() { this.className = 'checkbox-focus'; }; elements[i].onblur=function() { this.className = ''; }; } else { if(type == 1) { elements[i].onfocus=function() { this.className = 'select-focus'; }; elements[i].onblur=function() { this.className = ''; }; } else if(type == 2) { elements[i].onfocus=function() { this.className = 'textarea-focus'; }; elements[i].onblur=function() { this.className = ''; }; } } } } } window.onload = HighlightFormElements;