Mostrando entradas con la etiqueta prompt. Mostrar todas las entradas
Mostrando entradas con la etiqueta prompt. Mostrar todas las entradas

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.