Pop Up

[ErikaR]

Hola

Caul seria el codigo para poder hacer un pop up?, una ventanita que se abre por delante al click. El resto de la pantalla se pone negro transparente

gracias!
erika

[Triby]

Prueba esto: http://www.scriptiny.com/2011/03/jav...modal-windows/

[ErikaR]

Hola Triby

Estoy probando.. y me sale mas o menos.
Tengo que hacer un pop up partiendo de hacer click a una parte de un jpg. Intercale el codigo asi:
div class="fotoPortfolio" >
<img src="images/portfolio-infantiles-igor.jpg" alt="Creación y producción propias.
" width="561" height="347" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="44,14,156,142" href="#" alt="infantiles" onclick="TINY.box.show({image:'images/rhino.jpg',boxid:'frameless',animate:true,openjs:f unction(){openJS()}})">Image, Load Callback />
</map>
</div>

Elimine la parte de li porque se mezcla con mi codigo y se hace lio, ademas creo no lo necesito

http://www.erikarubaja.com.ar/claudi...nfantiles.html

Si haces click en el primer dibujo de la izquierda se abre el pop up, con errors

-ventanita de loaded, como se saca? no necesito aparezca
-que z-index del style o donde se modifica para que la foto y la "x" de cerrar el pop up esten por arriba del sitio?

gracias!
erika

[ErikaR]

Hola Triby

Y el "mapeado" de la imagen que hice, como lo usaba en la epoca de las tablas..no valida bien

Hay otra forma que lo pueda hacer?

Line 112, Column 184: end tag for "area" omitted, but OMITTAG NO was specified

…'frameless',animate:true,openjs:function(){openJS ()}})">Image, Load Callback />

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 112, Column 5: start tag was here

<area shape="rect" coords="44,14,156,142" href="#" alt="infantiles" onclick…

Error Line 112, Column 184: character data is not allowed here

…'frameless',animate:true,openjs:function(){openJS ()}})">Image, Load Callback />

✉

You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:

putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or
forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or
using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML.

gracias!
erika

[pzin]

En XHTML tienes que cerrar las etiquetas que no tienen cierre.

Por ejemplo esto estaría mal (en XHTML):

Código HTML:

<img src="algo.png">
 

Debería de ser:

Código HTML:

<img src="algo.png"/>