rilevare oggetti sovrapposti

[lally_fragola]

Ciao a tutti, vorrei sapere se qualcuno sa come fare per rilevare quando in una pagina un elemento viene sovrapposto ad un altro. Mi spiego: prendendo per esempio jquery, utilizzo la funzione draggable e metto parte di un elemento sopra parte di un altro. Vorrei poter richiamare una funzione in grado di analizzare la pagina e dirmi quali elementi sono sovrapposti sopra ad altri( e quali siano questi ultimi). Al momento mi stanno venendo in mente script che prendono la posizione degli oggetti e le dimensioni per vedere se alcuni sono sovrapposti ma mi risulta molto difficile a macchinoso, anche perchè l'unico modo che mi viene in mente per prendere le dimensioni di un oggetto è fissarle a mano nel foglio di stile, nn molto pratico :P
Qualcuno sa suggerirmi script già pronti per fare questo, o almeno può aiutarmi a comporne uno? Grazie

[Xinod]

l' unica via e' conoscere coordinate e dimensioni degli elementi coinvolti, se non sai ottenere neanche questo e' dura

2 elementi si toccano quando si verifica questa condizione

!(x1 + w1 < x2 || x2 + w2 < x1 || y1 + h1 < y2 || y2 + h2 < y1)

buon proseguimento

[dottwatson]

io l'ho fatto ma non per jquery, bensì per mootools.

lo script verifica se 2 oggetti collidono (hanno una collisione) e ritorna true o false

è possibile anche verificare , passando un array, se il determinato oggetto ha una collisione con gli oggetti nell' array

 alert( $('oggetto').collide($('a')) )
 oppure

 alert( $('oggetto').collide([$('a'),$('b'),$('c'),]) )

occhio che la collisione è diversa dalla sovrapposizione!

[lally_fragola]

Mmm diverso in cosa? Comunque sapresti darmi una dritta per farlo con jquery? Grazie

[dottwatson]

Originariamente inviato da lally_fragola
Mmm diverso in cosa? Comunque sapresti darmi una dritta per farlo con jquery? Grazie

una finezza fondamentalmente e forse neanche tanto corretta in quanto 2 oggetti che hanno una collisione son per forza sovrapposti, anche per solo 2mm quadrati


jquery non lo conosco (lo trovo ostico a livello di sviluppo) però se vuoi ti posto il codice per verificare la collisione fatto in mootools... poi però dovrai fartelo convertire... vedi tu

[Xinod]

http://brandonaaron.net/code/overlaps/demos

[lally_fragola]

Grazie xinod sembra quello che cercavo, adesso provo a scaricarlo..a proposito, per installare un plugin di jquery devo copiarlo nel file jquery-1.3.2.min.js oppure lo includo alla pagina html con il tag script :P? Grazie