lunes, 9 de agosto de 2010

Mensajes con JavaScript

¿Qué son?

Se trata de ventanas que desde el código se lanzan al usuario para hacer que éste reaccione ante una situación o nos informe ante una duda.
Realmente todos los mensajes se obtienen a través del objeto window.

alert

Es el mensaje más usado. Saca un mensaje por la pantalla el cual sólo deja la posibilidad de aceptarle.
Su uso es mostrar información al usuario pero resaltándola de la página.
Su sintaxis es:

alert(texto_del_mensaje);

prompt

En este caso se trata de una ventana que pide entrar datos al usuario.
De modo que esta función devuelve un valor que se puede usar en el código si es asignado a una variable.
Su sintaxis es:

prompt(texto_del_mensaje,valor_por_defecto);

El segundo parámetro (valor por defecto) no es obligatorio incluirle y permite asignar un valor al cuadro de texto en el que el usuario tendrá que introducir información.

Ejemplo de uso de prompt:

respuesta=prompt(“¿Qué quieres hacer?”,”entrar”);

En el ejemplo, el resultado de lo que el usuario responde se almacena en la variable resultado y al principio la ventana contendrá el valor comer en el cuadro de texto destinado al usuario.
Naturalmente, el usuario podrá variar este valor si lo desea.
El cuadro de diálogo que saca prompt posee dos botones, uno es el de Aceptar y el otro es el de Cancelar. Si el usuario pulsa Cancelar, la función prompt devuelve el valor nulo (null).

confirm

Saca un mensaje de confirmación el cual suele tener dos botones: Aceptar y Cancelar.
Sintaxis:

confirm(texto_del_mensaje)

La ventana mostrará el texto elegido (normalmente es una pregunta) y el usuario elegirá si desea aceptar o no el contenido.
Confirm devuelve un valor true en el caso de que el usuario acepte el mensaje, y false si no lo hace.






Códigos utilizados en los ejemplos:

<script type="text/javascript">
//<![CDATA[
function confirmation() {
var answer = confirm("vas a entrar a mi blog?")
if (answer){
window.location = "http://loseasi.blogspot.com/2010/08/mensajes-con-javascript.html"
}
}

function confirmation2() {
var nombre=null;
var contenido=null;
var nombre = prompt("Bienvenido a http://loseasi.blogspot.com \nEscribe tu nombre Por Favor !","");
alert("Bienvenido, "+ nombre);
if (nombre==null || nombre=="") {

alert("Ey! no has ingresado tu nombre, de alguna forma voy a tener que llamarte.");

nombre = "Visitante";
} }
//]]>
</script>

<input type="button" onclick="confirmation2()" value="prompt"/>

<input type="button" onclick="alert ('ACÁ VA EL MENSAJE !!!')" value="alert"/>

<input type="button" onclick="confirmation()" value="confirm"/>

No hay comentarios:

Publicar un comentario