Posted By

dertimbo on 10/14/06


Tagged

form ie safari label


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

rnrleachryan


Clickable Form Labels for Safari and IE - prototype version


 / Published in: JavaScript
 

URL: http://www.freshlabs.de/journal/archives/2006/10/clickable-form-labels-for-safari-and-ie/

  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  

You need to login to post a comment.