Cambiare coordinate a un div con un click del mouse

Autore: Fabio Di Matteo
Ultima revisione: 7/11/2013

In questo articolo vedremo come cambiare le coordinate (top, left) di un div al click del mouse su un'area a nostra scelta, che sia il body o un altro div non importa.
Intanto presentiamo un div:

 <div style="position:absolute; display:none">Ciao Mondo<div>

E qui sotto il codice per cambiare le coordinate al div:

<script>
$(function() {
		$("#areaClick").click(function(e) { //l'area nella quale fare click
			var posPopup = {
				left: e.pageX,
				top: e.pageY
			};
			$("#miodiv").offset(posPopup); //assegno le coordinate del mouse al mio div
                        $("#miodiv").fadeIn(); //faccio comparire il mio div con un effetto
		});
	});
</script>