Quote Originariamente inviata da IvanaOrefice Visualizza il messaggio
Buongiorno.
Ho da svolgere un esercizio in cui un pallone (precedentemente messo in movimento tramite apposita funzione Javascript) si fermi al click del mouse su di esso. Al momento dello stop della palla, la quale si trova all'interno di un div che rappresenta un campo da calcio, si devono ricavare le coordinate da inviare ad una pagina PHP tramite una GET e poi devono essere visualizzate dentro un iFrame.
Ecco, mi manca il passaggio in cui "spedisco" le coordinate dal file PHP all'iFrame. E soprattutto la GET da dove prende le coordinate?
Ringrazio anticipatamente chiunque sia in grado di aiutarmi.
Ciao Ivana,
Per recuperare le coordinate di un elemento (pallone) rispetto al suo parent (campo da calcio) puoi usare le proprietà offsetTop e offsetLeft.
Per inviare i dati al file php basterà "aggiornare" l'attributo src del tag iFrame.

codice:
//recupero coordinate
var top=document.querySelector("#id_del_pallone").offsetTop;
var left=document.querySelector("#id_del_pallone").offsetLeft;
//aggiorno iframe
document.querySelector("#id_del_frame").src="path/al/tuo/file.php?left="+left+"&top="+top;