Posted By

alberomo on 08/21/11


Tagged

javascript DOM manual Jeremy Keith


Versions (?)

focusLebels Function


 / Published in: JavaScript
 

A JS function that put the focus in the form field associated to a label element whenever is clicked. The for atributte of the label element must match the id attribute of the associated form field. It takes no arguments. From book Dom Scripting by Jeremy Keith

  1. function focusLabels() {
  2. if (!document.getElementsByTagName) return false;
  3. var labels = document.getElementsByTagName("label");
  4. for (var i=0; i<labels.length; i++) {
  5. if (!labels[i].getAttribute("for")) continue;
  6. labels[i].onclick = function() {
  7. var id = this.getAttribute("for");
  8. if (!document.getElementById(id)) return false;
  9. var element = document.getElementById(id);
  10. element.focus();
  11. }
  12. }
  13. }

Report this snippet  

You need to login to post a comment.