miércoles, 13 de febrero de 2013

Generar cuadros de diálogo (pop-ups) con JavaScript

Aquí os dejo unos trozos de código muy útiles para crear cuadros de diálogo, como mensajes de alerta, confirmación... usando JavaScript, una manera directa para implementar en tu página usando cualquier editor.
Aquí se muestra el código para crear cada cuadro y un ejemplo de cómo usarlo.


ALERT BOX (CUADRO DE ALERTA):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):

EJEMPLO: ALERTA AL PULSAR UN BOTÓN:



CONFIRM BOX (CUADRO DE CONFIRMACIÓN):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):

EJEMPLO: APARECE AL PULSAR UN BOTÓN, Y TE DEVUELVE LO QUE HAS ELEGIDO:

¡Aquí sale lo que pulsas!


PROMPT BOX (CUADRO DE ESCRITURA):

CÓDIGO ESENCIAL (va dentro de las etiquetas <script>):

EJEMPLO: APARECE AL PASAR EL RATÓN POR ENCIMA, TE LLAMA POR TU NOMBRE Y TE PREGUNTA CÓMO ESTÁS:

¡Pon el mouse!

1 comentario:

Arturo dijo...

esta muy bueno gracias