Gonzo: Javascript

[qaz]

Me ha picado la curiosidad.
Al hacer clic sobre la imagen de la página ( http://www.kunstreplik.de/product_info.php/products_id/1257 ) 
se abre una ventanita con tí­tulo e instrucción d cierre molona. ¿Cómo va sto?

Salu2 y gracias

[Gonzo]

Ademas de asociar hiperenlaces a texto, tambien lo puedes hacer a imagenes (o lo que sea) de forma que al pinchar sobre ellas se abra la ventana.

El mecanismo es igual que con el texto: Encerrar aquello que quieres que sea "pinchable"
con <a href>
<
/a>

En este caso el codigo que abre la ventanita secundaria con la imagen es:

<script>

function popupWindow(url) {

 
window.open(url,'popupWindow',
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,
top=150,left=150')

} 

</script>


<a href="javascript:popupWindow(url de la ventana)">

<img src="url de la imagen"
border = "0"
>

<
/a>

Como ves <a href>
<
/a>
ahora encierra un tag de imagen en vez de texto simple y llama a una funcion javascript (popupWindow) que es la que abre la ventana.

La instruccion de cierre molona se hace asi:

<a href="#"
onClick='window.close();'>Cerrar ventana</a>

------------------

Cuando pongo <
/a> 
en realidad va sin espacio en blanco entre '<'
y '/'
, pero no puedo postearlo 
asi porque el navegador lo interpreta y se jode lo que escribo.

[qaz]

Thanks
Tengo q probar. Me sorprendió lo bien que está realizada a pesar d la apariencia simple
Mola

Salu2