Barra laterale

programmazione:jquery:cambiare_coordinate_di_un_div_con_un_click

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>

programmazione/jquery/cambiare_coordinate_di_un_div_con_un_click.txt · Ultima modifica: 18/04/2018 - 15:49 (modifica esterna)