Skip to content

Cajas de Diálogo (Dialog Boxes) en JavaScript

by en 27 mayo, 2011

En JavaScript existen 3 tipos de Dialog Boxes:

  • Alert
  • Confirm
  • Prompt
Alert: Es utilizado para enviar un mensaje al usuario. El usuario no puede hacer nada más que confirmar la lectura del mensaje que se le envía.
Confirm: Es utilizado cuando se necesita la confirmación del usuario para alguna acción. Despliega dos botones, para aceptar la acción o para cancelarla.
Prompt: Es utilizado cuando se necesita que el usuario ingrese alguna información. Lleva una caja de texto, un boton para aceptar y otro para cancelar.
Ejemplos:
Alert:
<script type="text/javascript">
    function usoAlert() {
        alert("esto es un mensaje de alert, no sirve para nada más :)");
    }
</script>
Confirm:
<script type="text/javascript">
    function usoConfirm() {
        var deseaContinuar = confirm('Desea continuar?');

        if (deseaContinuar == true) {
            alert("Ok, continuemos!! :)");
        }
        else {
            alert("Bah, al cabo que ni quería continuar ¬¬");
        }
    }
</script>
Prompt:
<script type="text/javascript">
    function usoPrompt() {
        var comidaFavorita = prompt('Cuál es tu comida favorita?', '');

        if (comidaFavorita) { //si presiona cancelar, comidaFavorita será NULL
            alert("Tu Comida favorita es: " + favorite);
        }
        else {
            alert("Está bien, entiendo que toda la comida te guste y no tengas ninguna comida favorita :)");
        }
    }
</script>

From → JavaScript

Dejar un comentario

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: