Clickable Form Labels for Safari and IE - prototype version


/ Published in: JavaScript
Save to your folder(s)

Clickable Form Labels for Safari and IE - prototype version


Copy this code and paste it in your HTML
  1. function fixFormLabels(){
  2. var labels;
  3.  
  4. // enable for IE and Safari
  5. if( document.all || navigator.userAgent.indexOf("Safari") > 0){
  6. labels = document.getElementsByTagName("label");
  7. $A(labels).each ( function(label){
  8. Event.observe(label, "click", function(){
  9. var target = $(this.getAttribute('for'));
  10. // Checkboxes or radio button labels
  11. if(target.type == 'checkbox' || target.type == 'radio')
  12. target.checked = target.checked == false ? true : false;
  13. else // Textareas and input fields, Select elements
  14. target.focus();
  15. });
  16. });
  17. }
  18. }
  19.  
  20. // execute the script when the page has loaded
  21. Event.observe(window,"load", fixFormLabels);

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.