Comunidad de diseño web y desarrollo en internet online

Ayuda con zona activa de un DIV

Citar            
MensajeEscrito el 20 May 2008 05:48 pm
Hola a todos, estoy confeccionando especie de Rompecabeza, las piezas son polígonos(triángulos, rombos y cuadrados). Entonces cuando las cargo dentro de un DIV este considera que la zona activa del mismo es rectangular y por ejemplo en el caso de un triangulo solo necesito que reconozca el area del mismo que ocupa en el DIV. Mi pregunta es si existe alguna forma en JS de que me permita seleccionar un DIV solo por el area de la imagen contenida en el mismo. Gracias a todos, espero me puedan ayudar...

Salu2 :(

Por hunterchin

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 May 2008 06:06 pm
Las imágenes, también son rectángulos, así que por imagen, no puedes.
Creo que tendrías que hacer un área poligonal, y controlar desde ella, el evento "onmouseover".
El problema, es que cuando muevas la pieza, deberás desplazar también el área que tenía asociada, y puede que seo sea otro "rompecabezas".
Tú verás.
xD

Creo que si es un juego... lo mejor es que uses Flash.
Usar el Flash, como si fuera una página WEB, está mal...
Pero usar una página WEB, como si fuera Flash... a mi juicio, es casi peor...

Suerte.
Ya nos contarás si encuentras la manera.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 20 May 2008 09:46 pm
Muchas gracias por la respuesta. Estuve buscando y me encontré un ejemplo con Dojo que hace eso mismo. Cuando me lo estudie con gusto les digo cómo logré hacer lo del Rompecabezas de figuras poligonales con JS.

Salu2

Por hunterchin

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 May 2008 10:09 pm

hunterchin escribió:

[...] me encontré un ejemplo con Dojo que hace eso mismo [...]
Si puedes poner la URL del ejemplo...
Tengo curiosidad.
:oops:

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.