diff options
Diffstat (limited to 'files/it/web/api/event/layerx/index.html')
-rw-r--r-- | files/it/web/api/event/layerx/index.html | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/files/it/web/api/event/layerx/index.html b/files/it/web/api/event/layerx/index.html deleted file mode 100644 index 80dc20b35b..0000000000 --- a/files/it/web/api/event/layerx/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: event.layerX -slug: Web/API/Event/layerX -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/UIEvent/layerX ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Restituisce la coordinata orizzontale del punto in cui si è scatenato l'evento, relativamente al layer corrente.</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>X</i> = event.layerX -</pre> -<ul> - <li><code>X</code> è un valore intero che rappresenta la coordinata X del puntatore del mouse nel momento in cui si è verificato l'evento.</li> -</ul> -<h3 id="Esempio" name="Esempio">Esempio</h3> -<pre><html> -<head> -<title>esempio di pageX/pageY e layerX/layerY</title> - -<script type="text/javascript"> - -function mostraCoordinate(evt){ - var form = document.forms.form_coords; - var idPadre = evt.target.parentNode.id; - form.idPadre.value = idPadre; - form.coordinataXpagina.value = evt.pageX; - form.coordinataYpagina.value = evt.pageY; - form.coordinataXlayer.value = evt.layerX; - form.coordinataYlayer.value = evt.layerY; -} - -</script> - -<style type="text/css"> - - #d1 { - border: solid blue 1px; - padding: 20px; - } - - #d2 { - position: absolute; - top: 180px; - left: 80%; - right:auto; - width: 40%; - border: solid blue 1px; - padding: 20px; - } - - #d3 { - position: absolute; - top: 240px; - left: 20%; - width: 50%; - border: solid blue 1px; - padding: 10px; - } - -</style> -</head> - -<body onmousedown="mostraCoordinate(event)"> - -<p>Per visualizzare le coordinate del mouse clicca in un qualunque punto della pagina.</p> - -<div id="d1"> -<span>Questo è un DIV non posizionato, quindi cliccando qui i valori di layerX e layerY -saranno simili a quelli di pageX e pageY. -</span> -</div> - -<div id="d2"> -<span>Questo è un DIV posizionato, quindi cliccando qui i valori di layerX e layerY saranno relativi all'angolo in alto a sinistra di questo elemento. Si noti che le proprietà pageX e pageY restituiscono la posizione assoluta all'interno del documento, tenendo conto dello scorrimento della pagina. -</span> - -<span>Fai scorrere ancora la pagina! Questo è un DIV posizionato, quindi cliccando qui i valori di layerX e layerY saranno relativi all'angolo in alto a sinistra di questo elemento. Si noti che le proprietà pageX e pageY restituiscono la posizione assoluta all'interno del documento, tenendo conto dello scorrimento della pagina.</span> -</div> - -<div id="d3"> -<form name="form_coordinate"> - Id elemento padre: <input type="text" name="idPadre" size="7" /><br /> - pageX:<input type="text" name="coordinataXpagina" size="7" /> - pageY:<input type="text" name="coordinataYpagina" size="7" /><br /> - layerX:<input type="text" name="coordinataXlayer" size="7" /> - layerY:<input type="text" name="coordinataYlayer" size="7" /> -</form> -</div> - -</body> -</html> -</pre> -<h3 id="Note" name="Note">Note</h3> -<p><code>layerX</code> tiene conto di eventuali scorrimenti orizzontali avvenuti nella pagina e restituisce un valore relativo all'intero documento, a meno che l'evento non avvenga all'interno di un elemento con posizione fissa; nel qual caso il valore restituito sarà relativo all'angolo in alto a sinistra dell'elemento.</p> -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> -<p>DOM level 0. Non è parte di alcuna specifica.</p> -<p>{{ languages( { "en": "en/DOM/event.layerX", "pl": "pl/DOM/event.layerX" } ) }}</p> |