viernes, 25 de junio de 2010

Pop-up con mensaje

Si quieres dejar un mensaje a tus visitantes al entrar a tu blog o página, como por ejemplo un nuevo proyecto, invitarlo a comentar o a suscribirse, un nuevo sorteo o lo que tu quieras informar.

Lo puedes hacer mediante una ventana Pop-up.

Tienes que poner el siguiente código arriba de </head>:

<script LANGUAGE="Javascript">
//<![CDATA[
function popupmensaje() {
text = "<html>\n<head>\n<title></title>\n<body>\n";
text += "<center>\n<br/>";
text += "<font style='color:#0093DD;'>";
text += "¡Hola! ¿Por qué no te animas y dejas algún comentario?";
text += "<br/>";
text += "¡Hola! ¿Por qué no te suscribes y así estar actualizado?";
text += "</font>";
text += "</center>\n</body>\n</html>\n";
setTimeout('windowProp(text)', 1000); //tiempo demora en abrir
}
function windowProp(text) {
newWindow = window.open('','newWin','width=400,height=100'); // ancho y alto de la ventana
newWindow.document.write(text);
setTimeout('closeWin(newWindow)', 10000); //tiempo que se cierra sola la ventana
}
function closeWin(newWindow) {
newWindow.close();
}
popupmensaje()
//]]>
</script>

Rojo: El mensaje que quieres que diga tu ventana Va entre las 2 ""
Naranja: Tiempo en milisegundos que tarda en abrirse el pop up después de cargar la página (3000 = 3 segundos)
Verde: Tamaño del pop up (width = ancho y height = alto)
Azul: Tiempo en milisegundos que tarda en cerrarse el pop up después de que se abra (5000 = 5 segundos)
Celeste: color de texto.

Se puede personalizar el estilo con CSS.

Si no quieren que el mensaje aparesca al entrar para poder utilizarlo en un link o imagen, solo hay que quitar la siguiente linea:

popupmensaje()

Y para llamar a la función y así abrir la ventana:

<a href="javascript:popupmensaje()">Texto o imagen para abrir Ventana</a>

Ejemplo de abrir Ventana con un link

No hay comentarios:

Publicar un comentario