pop-up con ajuste automático de tamaño

all-ill · #1 (**permalink**) 29/07/2002, 06:58

Hola!!

Lo que quiero decir es como puedo hacer una ventana pop-up que se ajuste al tamaño de su contenido.

En mi caso tengo varias tablas de distintos tamaños (varia el height) que deben mostrarse en la ventana pop-up al accionar el link correspondiente (Cada vez que le doy a un link se abrirá un pop-up...)

Tengo el siguiente código:

<script language="JavaScript">
function popup(targeturl){
alto=450
ancho=450
lefts=(screen.width-ancho)/2
tops=(screen.height-alto)/2
win=window.open(targeturl,"Titulo",&quot ;toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,height="+alto+",width ="+ancho+",left="+lefts+",top= "+tops+"")
if(win.window.focus){win.window.focus();}
}
</script>

Lo que me falta por saber es como ajustar el pop-up automáticamente.

Alguien me puede ayudar??

KarlanKas · #2 (**permalink**) 29/07/2002, 07:49

Tengo un script que hace algo parecifo. Toma lo que quieras (está en fase de perfeccionamiento, pero creo que te servirá)

En el siguiente post...

KarlanKas · #3 (**permalink**) 29/07/2002, 07:50

<html><head><title>Prueba</title>
<script language="JavaScript">
var presentacion;
function tarjeta(latarjeta){
foto= new Image();
foto.src=latarjeta;
if(foto.width!=0 && foto.height!=0){
ancho=foto.width-2;
alto=foto.height+18;
posicionx=(screen.width-ancho)/2;
posiciony=(screen.height-alto)/2;
if(!presentacion||presentacion.closed){presentacio n=window.open('', '', ',fullscreen,');}
presentacion.blur();
presentacion.document.write("<html>&quo t;);
presentacion.document.write("<head>&quo t;);
presentacion.document.write("<title>&qu ot;+latarjeta+"</title>");
presentacion.document.write("</head>");
presentacion.document.write("<body onResize='resizeTo("+ancho+","+alto +");moveTo("+posicionx+","+pos iciony+");' scroll='no' style='position:absolute;top:0px;left:0px;margin:0 px 0px 0px 0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<tAble style='position:absolute;top:-5px;left:-5px;border:none;margin:0px 0px0px0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<tr><td >");
presentacion.document.write("<img src='"+latarjeta+"' galleryimg='no'>");
presentacion.document.write("</td></tr>");
presentacion.document.write("<tr><td style='margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;'>");
presentacion.document.write("<center>&l t;input style='position:relative;top:-3px;left:2px;width:"+ancho+"px;height:20 px; font:normal 10px/10px verdana;' type=button value=Cerrar onclick='window.close()'></center>");
presentacion.document.write("</td></tr>");
presentacion.document.write("</table>");
presentacion.document.write("</body>");
presentacion.document.write("</html>");
presentacion.resizeTo(ancho,alto);
presentacion.moveTo(posicionx,posiciony);
presentacion.focus();}
else {alert('imagen no disponible');}}
</script></head>
<body>
<a href="#" onclick="tarjeta('http://www.webareyou.com/Piramide/images12.jpg' );">Foto 12</a><a href="#" onclick="tarjeta('http://www.klasic.org/img/violin.jpg' );">Violin</a></body></html>

salu2

all-ill · #4 (**permalink**) 29/07/2002, 09:53

Si eso es exactamente lo que quiero KarlanKas.

Pero hay un problemilla:

-Tengo dos páginas:
1.-->news.htm
2.-->popupnews.htm

-En la 1ª hay enlaces hacia un punto determinado (<a name="ancla">) de la 2ª página, que es donde están las tablas.

-Estos enlaces de la 1ª página hacen que se habrá un pop-up con el contenido de la 2ª página en un punto concreto.

Pregunta: ¿Como puedo saber el ancho y el alto de las tablas si están en otra página?

No se si me he explicado bien o si he metido un rollazo del copón!!

Bueno, a ver si me podeis ayudar

KarlanKas · #5 (**permalink**) 30/07/2002, 04:21

Vamos a ver...
un ejemplo:

En la página que abre:
---------------------------------------
<table id="pepe" width="235" height="125">

<tr>
<td>&nbsp;</td>
</tr>
</table>
<script language="JavaScript">
window.open('pepin.html', '', 'width=100,height=100,')
</script>
------------------------------------------
En la abierta (pepin):

<script>
alert(opener.document.getElementById('pepe').width );
</script>
--------------------------------------------

Te enteras?

all-ill · #6 (**permalink**) 30/07/2002, 09:34

Si que me entero.
Gracias por ayudarme.

Lo que quería decir antes era como puedo saber el tamaño real de una tabla que está en otra página, si la tabla es, en un principio, del tipo:

<table width=1 name="pepe">

y se expande según su contenido.

Es decir saber el tamaño que ocupa la tabla pero no por la propiedad width (en este caso 1).

Con las respuestas que me has dado ya me puedo arreglar más o menos.

Espero no ser un pesado!!

HAsta luego!!

KarlanKas · #7 (**permalink**) 30/07/2002, 09:42

Oye que la pregunta era porque no tenía claro si me explicaba bien o no...si quieres que te ayude más no tienes más que pedirlo. Es que estaba en el trabajo y no podía extenderme mucho con la respuesta. Perdona si ha parecido borde...

Y no has resultado pesado!!

all-ill · #8 (**permalink**) 30/07/2002, 09:57

No pasa nada

Yo también estoy en el trabajooo

Si puedes ayudarme te lo agradecería.

No sé si he comentado que no se demasiado de javascript, pero lo que me has dicho lo he entendido (ya sabes, me refiero a como funciona el código...)

Tranqui que no me cabreo, pero a veces las cosas por escrito toman un tono (¿?) distinto al que se quiere dar en realidad.

(ya me estoy enrollando y yendo por las ramas)

Bueno, eso. A ver si me puedas dar alguna idea

Hasta ahora!

KarlanKas · #9 (**permalink**) 30/07/2002, 11:20

all-ill

He estado probando el código y tienes razón, toma el valor que se le da, no el que tiene realmente, no es como con las imágenes. Déjame mirar en un par de sitios y te comento.

KarlanKas · #10 (**permalink**) 30/07/2002, 11:25

Lo tengo!!!

es clientWidth y clientHeight

En el ejemplo anterior sería:

opener.document.getElementById('pepe').clientWidth

pruebalo y me cuentas!!

all-ill · #11 (**permalink**) 30/07/2002, 11:47

Ya lo probaré. gracias

all-ill · #12 (**permalink**) 31/07/2002, 03:28

Lo acabo de probar y si que funciona.

Al principio he tenido problemas debido a que si hay una tabla u objeto con el mismo nombre de 'id' no funcionaba bien y siempre daba 0.

Ej.:

------Lo que no funciona---------
<a name="tabla">
<table width="1%" id="tabla">
<tr>
<td><img src="under5.gif">texto</td>
</tr>
</table>

<script>
alert(document.getElementById('tabla').clientHeigh t)
</script>

----lo que si funciona-----------------
<a name="tabla">
<table width="1%" id="tabla1">
<tr>
<td><img src="under5.gif">texto</td>
</tr>
</table>

<script>
alert(document.getElementById('tabla1').clientHeig ht)
</script>
-------------------------------------------

Gracias por todo!! -Problema solucionado-

Si tengo alguna duda más ya la pondré en el foro. ¡Aupa KarlanKas!

Hasta pronto!!

KarlanKas · #13 (**permalink**) 31/07/2002, 03:36

Me alegro de que te funcionara!!

xias · #14 (**permalink**) 27/10/2010, 10:29

Hola,

Lo que quiero es algo parecido a lo que comentais.

Yo lo que tengo es una página 1 en la que existe un enlace en la que se llama a un popup. Dentro de éste aparece una tabla que se genera automáticamente y lo que quiero es que la altura del popup se adapte al contenido.

¿cómo lo puedo hacer?

Gracias, saludos

caricatos · #15 (**permalink**) 27/10/2010, 11:40

Cita:

Iniciado por xias

...Lo que quiero es algo parecido a lo que comentais...

Cerramos el tema por viejo... siempre se puede refernciar.

Saludos