Problema al abrir ventana automática

correpoco · #1 (**permalink**) 18/04/2005, 10:03

Tengo una página web en la que al hacer clic sobre una foto, ésta se abre en una nueva ventana que se ajusta automáticametne al tamaño de la foto. Al hacer clic sobre esta ventana, se cierra.
Todo me funciona bien excepto un pequeño problema que no sé cómo solucionar: Si una vez abierta una ventana, clickeo sobre otra foto de la misma página sin haber cerrado la primera, una foto me sustituye a la anterior sin problemas, pero si tengo una abierta y cambio de página e intento habrir otra sin haber cerrado la anterior, la ventana me sale en negro como si no existiera la foto. Si cierro esa ventana y vuelvo a hacer clic sobre la foto, se me abre perfectamente.
El error sólo ocurre si cambio de página con una ventana abierta.

En cada página incluyo el siguiente javascript:

<script>

function auto(im,ti,ex){

images=im;
tituloi=ti;
extrasi=ex;
features = "width="+40+",height="+40;
window.open("ver_imagen_auto_2.htm",100,features);
}

</script>

Y el código de la página ver_imagen_auto_2.htm es:

<html>
<head>

<script>
document.write("<title>"+window.opener.tituloi + ". "+window.opener.extrasi+"</title>");
</script>

<script language="JavaScript">

function init(){
if (document.all) { pre.style.visibility="hidden" }
else { document.pre.visibility="hide" }
ancho = document.images.width +10
alto=document.images.height +25
self.resizeTo(ancho,alto)
this.focus()
}
self.resizeTo(40,40)
</script>

<style> td { font-family: verdana; color:#FFFFFF; font-size:11px } </style>
</head>

<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()" >
<div id="pre" style="position:absolute; left:0; top:0; width:40; height:40; background-color:#000000; layer-background-color:#000000">
<table width="100%" height="100%">
<tr valign="center">
<td align="middle">Cargando ... </td>
</tr>
</table>
</div>

<script>
document.writeln("<a href='javascript:window.close()'><img src='" + window.opener.images + "' border='0' name='images' onLoad='init()'></a>");
</script>

</body>
</html>

Si alguien sabe alguna solución se lo agradecería

Un saludo

isaacluz · #2 (**permalink**) 18/04/2005, 11:15

Tu codigo modificado.. pero al parecer solo jala con bien con InternetExplorer..

Código:

<a href="javascript:auto ('logo.gif','El titulo',' y los extras');">dsadsa
<script>
function auto(im,ti,ex){
	Imagen=im;
	Titulo=ti;
	Extras=ex;
	features = "width="+40+",height="+40; 
	Ventana = window.open("about:blank",100,features);
	//
	with (Ventana.document){
		writeln('<html>');
		writeln('<scr'+'ipt>');
		writeln('<title>'+Titulo+'. '+Extras+'');
		writeln('</scr'+'ipt>');
		writeln('<scr'+'ipt>');
		writeln('function init(){');
		writeln('if (document.all) { pre.style.visibility="hidden" }');
		writeln('else { document.pre.visibility="hide" }');
		writeln('ancho = document.images.width +10 ');
		writeln('alto=document.images.height +25');
		writeln('self.resizeTo(ancho,alto)');
		writeln('this.focus()');
		writeln('}');
		writeln('self.resizeTo(40,40)');
		writeln('</scr'+'ipt>');
		writeln('<style> td { font-family: verdana; color:#FFFFFF; font-size:11px } ');
		writeln('</head>');
	writeln('<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()" >');
	writeln('<div id="pre" style="position:absolute; left:0; top:0; width:40; height:40; background-color:#000000; layer-background-color:#000000">');
		writeln('<table width="100%" height="100%"> Cargando ... ');
		writeln('</div>');
		writeln('<a href="">[img]%27+Imagen+%27[/img]');
		writeln('</body>');
		close();
	}
}
</script>