Bueno, estoy desarrollando un sitio web para un comercio, mi idea principal era que al clickear en cualquier enlace, el contenido se cargue en la misma pagina, sin recargar la pagina ni tampoco utilizar marcos, en simples palabras cada link escribe un trozo de codigo en un div para generar el contenido deseado.
El principal contenido de la web va a ser imagenes, y para esto utilice un codigo javascript que genera un popup con el tamaño deseado para cada imagen.
Aqui les muestro el codigo que utilizo:
Este es el script principal
Código HTML:
<script language="javascript"> function ViewImage(ifile,ix,iy,ititle) { var win; var sWidth; var sHeight; var NS = (document.layers) ? 1 : 0; win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no"); if (NS) { sWidth = win.innerWidth; sHeight = win.innerHeight; } else { sWidth = win.document.body.clientWidth; sHeight = win.document.body.clientHeight; } if(sWidth!=ix || sHeight!=iy) { win.close(); setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250); return; } win.document.open(); win.document.write("<html><head><title>"+ititle+"</title>"); win.document.write("</head><body><div id=EchoTopic>"); win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">'); win.document.write("<img src="+ifile+"></div></div></body></html>"); win.document.close(); } </script>
Código HTML:
<script language="javascript"> function mates() { document.getElementById('capa1').innerHTML = "<a href='javascript:ViewImage('tejido.jpg',90,90,'An Apartment')'><img src='tejido.jpg' width=40 height=40 border=1></a>"; } </script>
Código HTML:
<a href='javascript:ViewImage('tejido.jpg',90,90,'An Apartment')'><img src='tejido.jpg' width=40 height=40 border=1></a>
ya probe alterando las comillas pero no logro hacerlo funcionar.
la web es http://www.regionalesriotigre.com.ar
Tienen que ir a productos y luego a mates, ahi veran el codigo con el problema.
Desde ya muchisimas gracias por su atencion, y disculpen si el problema tiene solucion tonta, es que hace mucho tiempo que no diseño paginas y estoy bastante oxidado.
Gracias!