Clickable Form Labels for Safari and IE


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



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. 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;

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.