Abrir ventana en la parte inferior izquierda de la pantalla

Alejo · #1 (**permalink**) 01/12/2005, 11:36

Hola a todos:

Tengo este script para abrir una nueva ventana al hacer click en un enlace:

Cita:

que luego se complementa con el enlace concreto así:

Cita:

Me gustaría que esta nueva ventana se abriera siempre en la esquina inferior dereche de la pantalla, con cualquier configuración de pantalla que tenga el visitante de la web.

¿Es posible esto? ¿Qué debo modificar en ese script? ¿Existe otro script mejor para eso?

Muchas gracias

ludovico2000 · #2 (**permalink**) 01/12/2005, 11:42

Mira esta función:

<script language="JavaScript">
function amplia(){
resizeTo(screen.width, screen.height);
moveTo(0, 0);
}
</script>

Como ves, utiliza screen.width y screen.height para detectar la resolución del usuario. Hay otra forma, que creo que es screen.avail.width... pero no lo recuerdo muy bien, y que te da el espacio disponible en la ventana del navegador. Puedes tomar ese dato y restarle el tamaño que sabes que ocupa el popup.

Así se colocaría "pegada" a los bordes derecho e inferior.

Alejo · #3 (**permalink**) 10/12/2005, 07:36

Hola:

Gracias por el script. lo he probado, pero no me ha funcionado, seguro que he hecho algo mal, soy un poco torpe, lo siento. ¿Hy algun ejemplo compelto que pueda ver?

Gracias, un saludo.

ludovico2000 · #4 (**permalink**) 12/12/2005, 10:13

Tienes que poner la función redimensionadora en la ventana destino y llamarla onload (o meterla en el head, directamente, para que sea lo primero que se ejecute). Aquí tienes un ejemplo en funcionamiento (y sus códigos):

http://galeon.com/ludovico2000/enlace.htm

enlace.htm

Código:

<html>
<head>
</head>

<script language="JavaScript">
function WindowOpener2(fileName) 
{
var aWin = window.open(fileName+"","ventana","toolbar=no,location=no,resizable=no,scrollbar=no,width=345,height=267,top=0,left=0");
}
</script>

<body>

<a href="javascript:WindowOpener2('popup.htm')">enlace</a>

</body>
</html>

popup.htm:

Código:

<html>
<head>

</head>
<script language="JavaScript">
function amplia(){
resizeTo(345, 267);
moveTo(screen.width-345, screen.height-267);
}
</script>

<body onload="amplia()">

contenido de esta página

</body>
</html>

NOTA: en realidad la línea "resize to..." no es necesaria, porque le estás dando el tamaño en la función que abre el popup, pero quizá sería mejor que estuviera en el código de la que se abre, así podrías utilizar la función también para abrir otras ventanas diferentes.

espero que esta vez te vaya bien

Alejo · #5 (**permalink**) 15/12/2005, 18:00

Muchas gracias, funciona perfectamente. Eres un genio.

Otra preguntita. ¿Qué habría que poner en resize to para que la abriera a pantalla completa, cualquiera que sea la configuración? ¿Habría que quitar la linea move to o cambiarla también?

Muchas gracias, amigo.

Alejo

JavierB · #6 (**permalink**) 16/12/2005, 04:35

Hola Alejo

He hecho algunos cambios al código de ludovico2000

function amplia(){
resizeTo(screen.width, screen.height);
moveTo(0,0);
}

Saludos,

Alejo · #7 (**permalink**) 16/12/2005, 06:26

Gracias ludo. funciona perfectamente.