Pop-Ups de distintos tamaños

[aspasites]

Hola amigos, tengo una pagina principal y cada link tiene que ser una ventana pop-up, pero no todos son del mismo tamaño, hay algun codigo por ahi para hacerlo.
Gracias :(

[Reportero]

Que tal

va este codigo, espero te sirva

Primero tendrás que poner dentro del tag head lo siguiente:

Código:

<script type=text/javascript>
var win= null;
function NewWindow(mypage,myname,w,h,scroll){
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/2;
var settings ='height='+h+',';
settings +='width='+w+',';
settings +='top='+wint+',';
settings +='left='+winl+',';
settings +='scrollbars='+scroll+',';
settings +='resizable=yes';
win=window.open(mypage,myname,settings);
if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
}
</script>

Después para abrir la ventana tipo popup utiliza el siguiente código:

Código:

<a href="contenido.html" onclick="NewWindow(this.href,'name','300','300','yes');return false">Abrir popup</A>

Donde '300','300' son las dimensiones como se abrirá la ventana tipo popup, las cuales las puedes varias segun el link que quieras.

Y por ultimo para que pueda cerrar la ventana popup incluye lo siquiente:

Código:

<FORM><.INPUT TYPE="button" VALUE="Cerrar Popup" onClick="window.close()"></FORM>

Espero te sirva esto

Saludos

El Reportero de los Foros

[aspasites]

Muchisimas gracias, me ha venido de perlas...

[palidowsky]

Hola, he probado este código y
:) es la respuesta a mis plegarias :)
pero se podría modificar de forma que la ventana tenga un tamaño fijo y no tenga scroll por defecto como en las pop up normales.
Gracias

[tunait]

Buenas Palidowsky,

a ver si te vale esta. Es casi igual que la que propuso el Reportero:

<script language="javascript">
function ventana(direccion,nombreVentana)
{
var ancho="300" //cambia aquí el valor que quieras para el ancho de la ventana
var alto="400"//y aquí para la altura
var posAncho=(screen.width-ancho)/2;
var posAlto=(screen.height-alto)/2;
var atributos='resizable=yes,scrolling=no,width='
atributos+=ancho+',height='+alto+',left='+posAncho +',top='+posAlto;
pepe=window.open(direccion,nombreVentana,atributos )
}
</script>

Y luego en cada enlace llamas a la función pasandole sólo el dato de la página que quieres y el nombre para esa ventana:

<a href="javascript:ventana('pepe.html','ventani ta')"><b>pepe</b></a>

Espero te sirva, un saludo

[palidowsky]

Hola Tunait.
Gracias por la respuesta, pero creo que me explique mal en el anterior mensaje. Lo que me gustaría (no se si es posible), es que además de no teber scroll, ni poder cambiar de tamaño, los PopUp fueran de diferente tamaño según el enlace. Yo en Flash los se hacer, lo que no se es si se pueden hacer en HTML.
Gracias a todos los que ayudais a gente como yo.

[tunait]

Ah, pos ya mismo te hago un apaño!!

Es casi igual, fijate

<script language="javascript">
function ventana(direccion,nombreVentana,ancho,alto)
{
var posAncho=(screen.width-ancho)/2;
var posAlto=(screen.height-alto)/2;
var atributos='resizable=no,scrolling=no,width='
atributos+=ancho+',height='+alto+',left='+posAncho +',top='+posAlto;
pepe=window.open(direccion,nombreVentana,atributos )
}
</script>

...y en cada enlace llamas a la función pasándole en este caso 4 parámetros: pagina que quieres, nombre de esa ventana, el ancho de ventana y el alto.

<a href="javascript:ventana('pepe.html','ventani ta',200,300)"><b>pepe</b></a>

si quisieras por ejemplo llamar a una imagen de nombre pericodelospalotes.jpg de 359 de ancho y 152 de alto le diríamos:

<a href="javascript:ventana('pericodelospalotes. jpg','perico',359,152)">Perico de los palotes</a>

(Espero haber acertado esta vez ;) )

Saludos

[palidowsky]

Tunait eres un C+R+A+C+K
Gracias