Crear ventana popup que se mueve.

desinglive · #1 (**permalink**) 16/03/2009, 03:02

Hola necesito crear una ventana popup que se desplace por la pantalla mediante javascript.

la pagina se abrira al cargar el documento HTML a través del evento onLoad de la etiketa body:
<body onload="AbrirPopUp;">

en HEAD estar lo siguiente:

<HEAD>

<script language="JavaScript">

function AbrirPopUp{

}
</script>
</HEAD>

el popup no puede tener ni barras de herrmientas ni de estado ni direcciones. etc.

y con las siguientes dimensiones 300 x 250 px

jeybi · #2 (**permalink**) 16/03/2009, 03:22

Cita:

Iniciado por desinglive

Hola necesito crear una ventana popup..

¿ Y cual es tu duda?

desinglive · #3 (**permalink**) 16/03/2009, 03:24

pues como hacer que se mueva..

jeybi · #4 (**permalink**) 16/03/2009, 03:42

Puedes usar window.open() para abrir una nueva ventana, busca en los faqs cuales son sus parametros. Por ejemplo algo asi:

Código javascript:

Ver originalvar popup = window.open('http://google.com','','width=300,height=250');

Para poder moverla tienes que crear un intervalo con setInterval(), el cual ejecute alguna funcion que mueva la ventana cada X milisegundos.

El setInterval podria lucir algo asi:

Código javascript:

Ver originalsetInterval(moverpopup, 10);

Y la funcion:

Código javascript:

Ver originalfunction moverpopup(){
 
}

Ahora, en dicha funcion debe haber codigo para mover la ventana, puedes usar dos metodos del objeto window que acabas de abrir para esto: moveTo( ) y moveBy( ). moveTo(x,y) donde 'x' es la coordenada x hacia donde la quieres mover y 'y' la coordenada y, con esto puedes especificar exactamente la posicion de la ventana.

moveBy(x,y), es casi lo mismo solo que en ves de mover la ventana a x y y, te mueve la ventana 'x' a la derecha o izquierda (Depende si el numero es negativo o positivo) y 'y' a hacia arriba o hacia abajo (Depende si el numero es negativo o positivo), con esto puedes crear ya tu funcion que cada 10 milisegundos se mueva de 1px en 1px, puedes usar screen.width y screen.height para detectar los bordes de la pantalla y hacer 'rebotar' tu popup.

PD: Puedes probarlo en firefox actviando 'mover y redimenzionar ventanas' en las opciones, no creo que te funcione en otros navegadores ya que la mayoria tiene deshabilitado el movimiento de ventanas y mas aun mover las ventanas fuera de la pantalla.

desinglive · #5 (**permalink**) 30/03/2009, 02:34

este es el codigo que tengo.. pero no se estructurarlo.. ni nada

mas o menos como seria??

Código:

<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script language="JavaScript">

function AbrirPopUp() {
window.open("http","","width=300,height=250")
setInterval(moverpopup, 10);

window.moveBy(30,30)


}
function moverpopup(){
screen.width
screen.height

setInterval(moverpopup, 10);

 
}
</script>


<body>

<a href="http" onclick="AbrirPopUp(); return false;">Abrir Ventana</a>

</body>
</html>

un saludo y gracias