Código necesario para..

Guille_mlg · #1 (**permalink**) 27/07/2004, 10:18

Hola! pues necesitaría vuestra ayuda urgentemente, y lo q necesito es lo siguiente, al = q el javascript q teneis en la web: http://javascript.tunait.com/javascr...p?s=popupfotos
Pero cambiandole una cosa, y es q la imagen se acople a la ventana, en vez de la ventana a la imagen. Osea q aunq el tmño de la imagen sea 800x600 si yo al popup le defino 300x200 q la imagen salga a ese tmaño, imagen sola, sin barra de desplazamiento ni nada, osea el mismo script pero sin barra de desplazamiento y ejerciendo la función contraria.
Si pudieran enviarme el código al e-mail se lo agradeceria eternamente.

Salu2

tunait · #2 (**permalink**) 27/07/2004, 11:42

Qué tal,

pues entonces necesitas un código mucho más sencillo, algo como....

var titulopordefecto = "Perico de los palotes"; //Si no se especifica un título al llamar a la función colocará el que se especifique aquí
var ventana;
var cont=0;
function afoto(cual,titulo,ancho,alto){
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" width="100%" height="100%">');
ventana.document.close();
cont++;
}

Y luego en la llamada a la función le especificas, además de la ruta de la imagen y el títitulo, el ancho y el alto para la ventana

saludos

Guille_mlg · #3 (**permalink**) 27/07/2004, 16:32

Ohhhh muchisimas gracias, no sabes como t lo agradezco!! voy a probarlo ahora mismo

Guille_mlg · #4 (**permalink**) 27/07/2004, 17:23

Bueno... pues decirte q no consigo hacerlo funcionar

Mira te expliko más detalladamente, tengo un programa para catalogar los cd's de musica, y trae una plantilla x defecto, q a mi no me gusta entoncs la he modifikado, y me sale todo, osea, las 2 caratulas pekeñitas en la pagina, y al pinchar en cada una de ellas se abre una ventana con el tamaño q yo e predefinido y la caratula a su tamaño real dentro, pero claro tan solo muestra una parte, ya q no se acopla uno a otro. El código de esto es el siguiente: (decir q al ser una plantilla cada enlace a una caratula se llama <#PORTADA> y <#CONTRAPORTADA> así las detecta el programa)

Cita:

::..::Lista de discos::..::
 
 
<table border="1" width="100%" id="AutoNumber1" height="134" bordercolor="#000000">
<tr>
<td width="100%" colspan="3" height="19" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">Artista: <#C2> Titulo: <#TITULO></td>
</tr>

<script language="JavaScript">



</script>

<tr>
<td width="150" valign="top" bgcolor="#FFFFFF" height="100" bordercolor="#FFFFFF">
<a href="#>" onClick="MM_openBrWindow('<#PORTADA>','','width=25 0,height=200')" ><img border="0" src="<#PORTADA>" width="150" height="150"></td>
<td width="88%" valign="top" bgcolor="#FFFFFF" height="95" bordercolor="#FFFFFF">
 Titulo: <#TITULO> 
 Artista: <#C2> 
 Autor: <#C15> 
 Género: <#C4> 
 Soporte: <#C9>  
 Canciones: <#C6> 
 Duración: <#C10> 
 Fecha de publicación: <#C8> 
 Referencia: <#C0> 
<td width="150" valign="top" bgcolor="#FFFFFF" height="100" bordercolor="#FFFFFF">
<a href="#>" onClick="MM_openBrWindow('<#CONTRAPORTADA>','','wi dth=250,height=200')" ><img border="0" src="<#CONTRAPORTADA>" width="150" height="150"></td>
<td width="88%" valign="top" bgcolor="#FFFFFF" height="95" bordercolor="#FFFFFF">
</td>
</tr>
</table>

Que podría modifikar d este código para q kada imagen se acople a la ventana, ya q con tu código, no consigo ponerlo.. no entendí, y al utilizar otra llamada para kada imagen... en este enlace pueds ver lo q tengo echo: http://perso.wanadoo.es/emilio-16/g.htm#%3E

Muchisimas gracias x tu ayuda, espero q podais ayudarme.

tunait · #5 (**permalink**) 30/07/2004, 02:00

Más vale tarde que nunca....

mira, he probado el script y funciona ok, prueba a ponerlo así

<script language="javascript" type="text/javascript">
var titulopordefecto = "Perico de los palotes"; //Si no se especifica un título al llamar a la función colocará el que se especifique aquí
var ventana;
var cont=0;
function afoto(cual,titulo){
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no,width=250,height=200')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" width="100%" height="100%">');
ventana.document.close();
cont++;
}
</script>

Y a tus imágenes les pones esto

<a href="#" onclick="afoto('./g/Imagenes/Portadas/Frontal/Angeles del Infierno - 1985 - Diabolicca.JPG','el título que quieras');return false" ><img border="0" src="./g/Imagenes/Portadas/Frontal/Angeles del Infierno - 1985 - Diabolicca.JPG" width="150" height="150"></a>

Lo que está en azul es la ruta de la imagen que quieras que se abra, y lo que está en verde es el título opcional, que si lo omites pondrá el que está definido al principio del script

Yá me contarás,,,,

Guille_mlg · #6 (**permalink**) 30/07/2004, 07:06

Mil gracias, Mil gracias, Mil gracias, Mil gracias, Mil gracias, Mil gracias, Mil gracias, Mil gracias, ya lo he conseguido, muchisimas gracias de verdad

Por cierto para q salga la ventana centrada en la pantalla es muy complikado? o q debo añadir al código?

tunait · #7 (**permalink**) 30/07/2004, 07:15

m'alegro

para que salga centrada, prueba a añadir esto

<script language="javascript" type="text/javascript">
var titulopordefecto = "Perico de los palotes"; //Si no se especifica un título al llamar a la función colocará el que se especifique aquí
var ventana;
var cont=0;
function afoto(cual,titulo){
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no,wid th=250,height=200,left=' + (screen.width-250)/2 + ',top=' + (screen.availHeight-200)/2)
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" width="100%" height="100%">');
ventana.document.close();
cont++;
}
</script>

le agregas lo que puse en engritas

Guille_mlg · #8 (**permalink**) 30/07/2004, 08:11

Muchas gracias tunait

Guille_mlg · #9 (**permalink**) 02/08/2004, 06:34

Eh, he tenido problemas, funciona correcto, pero al abrir la ventana pinchando en la imagen, osea q sale la karatula bien y todo, pero en el IE sale a lo ancho sin hacer kaso de los valores predeterminados y en mozilla si me sale bien, pero se lo he pasado a varios amigos para comprobar, y les sale a lo ancho sin respetar valores en cualkier navegador...ayudame xfavor

tunait · #10 (**permalink**) 02/08/2004, 06:48

Buenas

me dejas un link para poder verlo??

de todas formas, fíjate que no te haya quedado un espacio entre wid y th como muestra en mi mensaje. A veces el foro pone espacios que no deberían estar, si te ha quedado así es posible que por eso no te tome el width

Guille_mlg · #11 (**permalink**) 02/08/2004, 07:28

jajajaja, era eso tunait, y la cosa q me fije, pero d stas bcs q repasas el código pero no prestas atención, lo vi, y dije weno stará bien... la tonteria.. y yo comiendome la cabeza, jeje, muchas gracias, yo soy novatin, da gusto aprender de gente q entiende de esto :) Muchas gracias ;) salu2

tunait · #12 (**permalink**) 02/08/2004, 07:32

Huy, qué bueno que sólo era eso

El foro yá nos ha jugado muchas malas pasadas de estas agregando espacios donde no deberían estar y quitando contrabarras (\) .... manías que tiene

Me alegra que lo tengas andando correcto

cualquier cosa, por acá andamos.

Un saludo