Páginas

martes, 24 de junio de 2014

JavaScript Window (BOM) The browser Object Model. 006 Popup Boxes

Los popup muy  usados en JavaScript. 
Popuptexto
El objeto más típico:
windows.alert("Hola Mundo"); 
o
alert("Hola Mundo");
En el que introducimos un texto deseado.
Aunque podemos desarrollar más según nuestras necesidades:

Ejemplo:
Popup Aceptar / Cancelar
Por medio de un if / else creamos un botón aceptar / cancelar con la ayuda de un booleano.
<!DOCTYPE html>
<html>
<body>
<p>Clica para mostrar la función</p>
<button onclick="myFunction()">Probar</button>
<p id="demo"></p>
<script>
function myFunction() {
    var x;
    if (confirm("¡Presiona el botón!") == true) {
        x = "Presionaste OK!";
    } else {
        x = "Presionaste Cancelar!";
    }
    document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Popup Prompt
Por medio de prompt recogemos información.

window.prompt("sometext","defaultText");
<!DOCTYPE html>
<html>
<body>
<p>Probar prompt.</p>
<button onclick="myFunction()">Prueba</button>
<p id="demo"></p>
<script>
function myFunction() {
    var person = prompt("Introduce tu nombre", "jdalebrook");

    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Hola " + person + " ¿Cómo estás hoy?";
    }
}
</script>
</body>
</html>
/n para salto de línea similar a <br>

No hay comentarios:

Publicar un comentario