domingo, 30 de noviembre de 2008

Un sencillo toggle button en JavaScript

Bueno, hoy les quiero dejar un ejemplo de un script bien sencillito pero que puede ser útil en algún momento: un toggle button donde el botón cambia el estado según se ejecuta la acción. Es decir, el botón dice "Abrir", presiono una sola vez, el panel se abre, y el botón cambia a "Cerrar", presiono de nuevo y se cierra el panel, y el botón vuelve a su estado inicial. Es muy útil para cuando hay información detallada que no necesariamente deben quedar a la vista, a menos que el usuario desee verla. Pese a que busqué ejemplos en los repositorios de código JavaScript, no encontré nada parecido, sí he visto algunos ejemplos más elaborados con Ajax, pero en este caso se requería de una clase que además de breve pudiera ser reutilizable en todo la página. Y sí, puede haber más de un botón en la misma página funcionando con la misma clase, sólo es cuestión de ajustar los ID tanto del input como del DIV al que éste llama.

Debo aclarar que esta pequeña función no la hice yo sola, sino con la ayuda del amigazo M-M, a quien habría que darle el crédito.

Y ahora los dejo, sean felices y bendita la lluvia que ha refrescado los aires en la ciudad.

,-·*’°§ PörTeña §°’*·-,
_

2 comentarios:

José dijo...

bueno gracias

ElieR BerrioS dijo...

Aha!.. si que sirve.. gracias :)