domingo, 19 de junio de 2011

Ventanas en Javascript

Javascript nos proporciona 3 tipos de ventanas para interactuar con el usuario.
  • alert( mensaje ) : Una simple ventana para mostrar un mensaje al usuario.
  • prompt ( mensaje, valor ) : Una ventana que nos permite capturar datos por teclado. Recibe dos parámetros, el primero es el mensaje a mostrar; el segundo,  es un valor por defecto. La ventana devuelve el valor que haya tecleado el usuario o bien el valor por defecto en caso de que no se haya tecleado nada.
  • confirm ( mensaje ): Una ventana que nos devuelve un valor booleano (true o false) según la opción que escojamos (Aceptar ó Cancelar).
Ejemplo de la función alert( ):

< script language="Javascript" >
< !--
alert ("Mostrando un mensaje de prueba" );

// Mostrar el contenido de una variable.
var nombre="Daniel";
alert("Valor de la variable cad: "+nombre+" .\nTipo de la variable: "+typeof( nombre ) );

//-- >
< /script >
  El Resultado:

   Ejemplo de la función prompt ( ):
< script language="Javascript" >
     < !--
       //Pediremos por teclado el nombre y edad de una persona y mostraremos los datos en la pantalla.
       var nombre=prompt("Porfavor, teclee su nombre"  "anonimo"); //La palabra 'anonimo' es el valor por defecto
       var edad=prompt("Porfavor, teclee su edad",0); // Cero es el valor por defecto
       alert("Nombre: "+nombre+"\n Edad:"+edad);
    //-- >
 < /script >


Si el usuario tecleó sus datos el resultado sería:



Si el usuario no escribe nada, los valores que habíamos colocado por defecto se almacenarán en las variables; observe que los valores asignados por defecto, aparecen seleccionados en el cuadro de texto:

Ejemplo de la función confirm( )
 < script language="Javascript" >
     < !--
     /*Recuerde que esta ventana devuelve un valor booleano (true ó false) según
       la opción que nosotros seleccionemos: aceptar o cancelar respectivamente.*/
       
     //Declaramos una variable para almacenar
       var opc;
       opc=confirm ("Escoja un botón");
       var boton=(opc==true)?"Aceptar":"Cancelar"; //Operador ternario. Equivalente a un if
          alert("Presionó el boton: "+boton);
    //-- >
 < /script >
El resultado sería alguna de las ventanas inferiores según el botón seleccionado:
Por si se han perdido algo de estos tutoriales de Javascript, aquí les dejo los enlaces hacia mis publicaciones anteriores:
Saludos.