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

wizard04


Clickable Form Labels for Safari and IE


 / 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. for(i=0; i<labels.length; i++){
  8. labels[i].onclick = function(){
  9. var target = document.getElementById(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. window.onload = fixFormLabels;

Report this snippet  

You need to login to post a comment.