Morton 23 de noviembre de 2010 a las 08.37
   Imprimir artículo
elWebmaster.com

Mootols: Implementar setfocus() en cualquier elemento


mootoolswideCada nodo DOM provee un método focus pero la mayoría de los nodos tienen un tabIndex de -1, lo que previene al elemento de ser enfocado cuando es cliqueado, movido a una pestaña o enfocado via JavaScript. Con este método podrás enfocar cualquier elemento de una manera rápida y sencilla utilizando Mootools.

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com

Este método puede ser usado en cualquier nodo pero puede causar inconvenientes al resetear un tabIndex explicitamente configurado.

  1. Element.implement({
  2.     setFocus: function(index) {
  3.         this.setAttribute('tabIndex',index || 0);
  4.         this.focus();
  5.     }
  6. });
  7. [javascript]
  8.  
  9. Usando este método, es simple:
  10.  
  11. [javascript]
  12. $('myDiv').setFocus();

Dependiendo del nodo, el elemento puede tener un outline punteado, como es de esperarse. En caso de que no, puede añadir eventos de onFocus y onBlur a tus div,span, y otros nodos.

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder