Instala tres formas de ventanas de aviso en tu blog

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Estás leyendo Las tres formas de poner ventanas de aviso, en Links

Las tres formas de poner ventanas de aviso

Esta vez os quiero enseñar varios métodos para crear ventanas de aviso, es decir, unas ventanas que salen cuando haces click en un enlace, unas ventanitas que dicen algo del enlace...

Puedes pegar cualquiera de los códigos que te muestro a continuación, en un elemento html-javascript de la parte de diseño en tu plantilla.

1: Si quieres una ventana con la frase que quieras y un solo botón de "OK"...

<script type="text/javascript">
alert('FRASE QUE SALDRÁ EN LA VENTANA DE AVISO')
</script>
<noscript>Frase que se mostrará si los visitantes no tienen javascript</noscript>

-Donde dice "Frase que se mostrará si los visitantes no tienen javascript" pondremos una frase que muestre a un visitante (si no tiene javascript) que debe activar las funciones javascript.

2: Si quieres una ventana con la frase que quieras y dos botones que digan "OK" o "CANCEL" (cancelar)...

<script type="text/javascript">
confirm('FRASE QUE SE MOSTRARÁ EN LA VENTANA');
if (confirm('TEXTO O FRASE QUE SE MOSTRARÁ SI HACEN CLICK EN OK DE LA VENTANA')) {
window.location = "URL DE TU BLOG";
}
else {
window.location = "ENLACE DE DESTINO";
}
</script>

-Donde dice "FRASE QUE SE MOSTRARÁ EN LA VENTANA" ponemos lo que deseemos que se vea en la ventana.

-Donde dice "TEXTO O FRASE QUE SE MOSTRARÁ SI HACEN CLICK EN OK DE LA VENTANA" pondremos la frase que saldrá cuando el visitante haga click en el botón "OK"

-Donde dice "URL DE TU BLOG" ponemos la dirección de nuestro blog.

-Donde dice "ENLACE DE DESTINO en "OK" pondremos el enlace al que llevará la ventana si hacen click en "OK"
3- Si quieres una ventana con una pregunta, una respuesta, y dos botónes de "OK" o "CANCEL"...

<script type="text/javascript">
var yourName = prompt("PREGUNTA", "La respuesta ");
</script>

-Donde dice "PREGUNTA" escribes lo que quieras que respondan tus visitantes. Donde pone "La respuesta" escribes la respuesta correcta.

Ahora en otro elemento html-javascript pega este otro código:

Bienvenido<script type="text/javascript">document.write(yourName)</script>! a mi blog, me alegra que volver a verte por aquí!<script type="text/javascript">document.write(yourName)</script>

¡Ahora disfruta con tus ventanas!