Comunidad de diseño web y desarrollo en internet online

Detectar un div sobre otro div en javascript

Citar            
MensajeEscrito el 10 Dic 2008 09:44 am
Hola a tod@s,

quiero hacer una cosilla en javascript pero no sé como hacerlo.

Cuando muevo el cursor tengo un div que va pegado a él. El div está centrado dejando el cursor siempre en medio del div.

En la página tengo varios divs más, mi intención es poder detectar cuando el div que va pegado al cursor pasa por encima de alguno de los otros divs de la pagina.

con mouseover detecta cuando pasa el cursor pero no el div.

Gracias de antemano.

Por xavoC

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Dic 2008 10:55 am
Tendrías que realizar una función que haga lo siguiente:
- Para cada div en la pagina
- Hallar la posicion de las 4 esquinas

Cada vez que muevas el div pegado al cursor
- Hallar la posición de las 4 esquinas de este div
- Comparar con la posición de los otros divs

Podría desmenuzarse un poco más el algoritmo, pero en principio con eso deberías tener bastante para empezar a desarrollarlo.

Un saludo

Por akhasis

75 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Dic 2008 11:04 am
Hola akhasis,

gracias por la respuesta, la verdad es que esa opción ya la había contemplado, de hecho tengo el algoritmo a medias... lo único que me parecía mucho código para hacer una acción tan simple, por eso pregunté aquí, por su hubiera alguna forma más sencilla y que consuma menos recursos que la que tu comentas :wink:

Aún así gracias por tu respuesta.

Un saludo.

Por xavoC

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Dic 2008 11:32 am
He encontrado varios ejemplos de tu problema en google buscando "javascript hittest" y todos mas o menos siguen ese planteamiento.

Por akhasis

75 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Dic 2008 11:56 am
He mirado los ejemplos que comentas y como tú dices, todos van controlando las posiciones.

Si alguien conoce otra forma de hacerlo y la puede postear será bienvenido.

Mirando un poco la búsqueda que me has aconsejado he encontrado un enlace donde puedes descargar el código del hit test así que aprovecho para ponerlo por si a alguien le puediera servir de ayuda

[url=http://jsfromhell.com/geral/hittest]

Gracias de nuevo y un saludo.

Por xavoC

1 de clabLevel



 

firefox

 

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