..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

Questa pagina è in sola lettura. Puoi visualizzare il sorgente, ma non puoi modificarlo. Contatta l'amministratore se pensi che ci sia un errore.

====== 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:

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

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

<code javascript>
<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>
</code>

..::Freemedialab::.. «Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

..::Freemedialab::..

Strumenti Utente

Strumenti Sito

Strumenti Pagina

..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»