diff options
Diffstat (limited to 'files/it/web/api/event')
23 files changed, 1574 insertions, 0 deletions
diff --git a/files/it/web/api/event/altkey/index.html b/files/it/web/api/event/altkey/index.html new file mode 100644 index 0000000000..1ab63e4329 --- /dev/null +++ b/files/it/web/api/event/altkey/index.html @@ -0,0 +1,46 @@ +--- +title: event.altKey +slug: Web/API/Event/altKey +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/MouseEvent/altKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se il tasto ALT era premuto mentre l'evento si verificava.</p> +<h3 id="Syntax" name="Syntax">Syntax</h3> +<pre class="eval"><i>bool</i> = event.altKey +</pre> +<p><code>bool</code> vale <code>true</code> se il tasto ALT era premuto, altrimenti <code>false</code>.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio tasto ALT</title> + +<script type="text/javascript"> + +function mostraCarattere(e){ + alert( + "Tasto premuto: " + String.fromCharCode(e.charCode) + "\n" + + "Codice carattere: " + e.charCode + "\n" + + "Tasto ALT premuto: " + e.altKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="mostraCarattere(event);"> +<p> +Prova a premere un tasto tenendo premuto ALT e prova a premere un tasto senza premere ALT.<br /> +Puoi anche provare a premere ALT+SHIFT. +</p> +</body> +</html> +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MouseEvent-altKey">altKey </a></p> +<p>{{ languages( { "en": "en/DOM/event.altKey", "pl": "pl/DOM/event.altKey" } ) }}</p> diff --git a/files/it/web/api/event/bubbles/index.html b/files/it/web/api/event/bubbles/index.html new file mode 100644 index 0000000000..e75e385070 --- /dev/null +++ b/files/it/web/api/event/bubbles/index.html @@ -0,0 +1,31 @@ +--- +title: event.bubbles +slug: Web/API/Event/bubbles +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/bubbles +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se un dato evento può emergere attraverso il DOM oppure no.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> = event.bubbles +</pre> +<p><code>bool</code> vale <code>true</code> se l'evento può emergere, altrimenti vale <code>false</code>.</p> +<h3 id="Note" name="Note">Note</h3> +<p>Solo alcuni eventi possono emergere. Tali eventi hanno questa proprietà impostata a <code>true</code>. E' possibile utilizzarla per controllare se un evento può emergere.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre> function leggiInput(e) { + // controlla se emerge + if not e.bubbles { + // in caso negativo, passa oltre + passaOltre(e); + } + // altrimenti emerge + scriviOutput(e) +} +</pre> +<p>{{ languages( { "en": "en/DOM/event.bubbles", "pl": "pl/DOM/event.bubbles" } ) }}</p> diff --git a/files/it/web/api/event/button/index.html b/files/it/web/api/event/button/index.html new file mode 100644 index 0000000000..5862d54439 --- /dev/null +++ b/files/it/web/api/event/button/index.html @@ -0,0 +1,57 @@ +--- +title: event.button +slug: Web/API/Event/button +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/MouseEvent/button +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce un intero che indica quale tasto del mouse è stato premuto.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre>var codiceBottone = event.button; +</pre> +<p>codiceBottone può assumere uno dei seguenti valori:</p> +<ul> + <li>0 standard click, di solito il tasto sinistro</li> + <li>1 tasto centrale, che di solito è la rotella</li> + <li>2 tasto destro</li> +</ul> +<p>L'ordine dei bottoni è inverso se il mouse è configurato per l'utilizzo da parte dei mancini.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><script type="text/javascript"> + +function qualeTasto(e) +{ + var e = e || window.event; + var codiceTasto; + + if ('object' == typeof e){ + codiceTasto = e.button; + + switch (codiceTasto){ + case 0 : alert('Hai premuto il tasto sinistro'); + break; + case 1 : alert('Hai premuto il tasto centrale'); + break; + case 2 : alert('Hai premuto il tasto destro'); + break; + default : alert('Codice sconosciuto: ' + btnCode); + } + } +} + +</script> + +<p onclick="qualeBottone(event);">Clicca con il mouse...</p> + +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>Poichè i click del mouse spesso vengono intercettati dall'interfaccia utente, in alcuni casi potrebbe essere difficile rilevare la pressione di un bottone che non sia quello standard (generalmente il sinistro).</p> +<p>Gli utenti possono cambiare la configurazione dei tasti del loro dispositivo di puntamento in modo tale che se il valore di codiceBottone è 0, questo non è causato dal tasto che si trova fisicamente a sinistra, ma questo non ha molta importanza.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>DOM 2 Events Specification: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent-button">button</a></p> +<p>{{ languages( { "en": "en/DOM/event.button", "pl": "pl/DOM/event.button" } ) }}</p> diff --git a/files/it/web/api/event/cancelable/index.html b/files/it/web/api/event/cancelable/index.html new file mode 100644 index 0000000000..3258a2b37d --- /dev/null +++ b/files/it/web/api/event/cancelable/index.html @@ -0,0 +1,23 @@ +--- +title: event.cancelable +slug: Web/API/Event/cancelable +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/cancelable +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se è possibile cancellare la risposta predefinita di questo evento o meno.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> =<i>event</i>.cancelable; +</pre> +<p><code>bool</code> vale <code>true</code> se l'evento è cancellabile, altrimenti <code>false</code>.</p> +<h3 id="Note" name="Note">Note</h3> +<p>Se un evento possa essere cancellato o meno, viene determinato al momento dell'inizializzazione dell'evento.</p> +<p>Per cancellare un evento, si chiami il metodo <a href="it/DOM/event.preventDefault">preventDefault</a>. Questo impedisce al browser di eseguire l'azione di default associata a tale evento.</p> +<h3 id="Specification" name="Specification">Specification</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-canCancel">DOM Level 2 Events: cancelable</a></p> +<p>{{ languages( { "en": "en/DOM/event.cancelable", "pl": "pl/DOM/event.cancelable" } ) }}</p> diff --git a/files/it/web/api/event/charcode/index.html b/files/it/web/api/event/charcode/index.html new file mode 100644 index 0000000000..fb785e722e --- /dev/null +++ b/files/it/web/api/event/charcode/index.html @@ -0,0 +1,49 @@ +--- +title: event.charCode +slug: Web/API/Event/charCode +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/KeyboardEvent/charCode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il valore Unicode del tasto carattere che è stato premuto e ha scatenato un evento <a href="it/DOM/element/keypress">keypress</a>.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>valore</i> = event.charCode +</pre> +<ul> + <li><code>valore</code> è il valore Unicode del carattere digitato</li> +</ul> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio di charCode</title> + +<script type="text/javascript"> + +function mostraCarattere(e) +{ +alert("Tasto premuto: " + String.fromCharCode(e.charCode) + "\n" + + "Codice carattere: " + e.charCode); +} + +</script> +</head> + +<body onkeypress="mostraCarattere(event);"> +<p>Premere un qualsiasi tasto carattere.</p> +</body> +</html> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>In un evento <a href="it/DOM/event/keypress">keypress</a>, il valore Unicode del tasto premuto viene registrato nella proprietà <code><a href="it/DOM/event.keyCode">keyCode</a></code> oppure nella proprietà <code>charCode</code>, mai in entrambe. Se il tasto premuto corrisponde a un carattere (per esempio 'a'), <code>charCode</code> assume il valore Unicode di quel carattere (che è diverso per le maiuscole e per le minuscole). In caso contrario, il codice del tasto premuto viene registrato nella proprietà <code>keyCode</code>.</p> +<p><code>charCode</code> non viene mai impostato durante gli eventi <a href="it/DOM/event/keydown">keydown</a> e <a href="it/DOM/event/keyup">keyup</a>. In questi casi, viene impostato <code>keyCode</code>.</p> +<p>Per leggere il codice del tasto indipendentemente dal fatto che esso si trovi in <code>keyCode</code> o in <code>charCode</code>, si può utilizzare la proprietà <code><a href="it/DOM/event.which">which</a></code>.</p> +<p>I caratteri inseriti attraverso un IME non vengono registrati nè in <code>keyCode</code> nè in <code>charCode</code>.</p> +<p>Per una lista dei possibili valori di <code>charCode</code> e per conoscere i tasti ai quali sono associati, vedere l'esempio <a href="it/Reference_del_DOM_di_Gecko/Esempi#Example_7:_Mostrare_le_costanti_dell.27oggetto_Event">Reference del DOM di Gecko:Esempi #Example 7: Mostrare le costanti dell'oggetto Event</a>.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuna specifica. Si veda <a href="it/NsIDOMKeyEvent">nsIDOMKeyEvent</a></p> +<p>{{ languages( { "en": "en/DOM/event.charCode", "pl": "pl/DOM/event.charCode" } ) }}</p> diff --git a/files/it/web/api/event/ctrlkey/index.html b/files/it/web/api/event/ctrlkey/index.html new file mode 100644 index 0000000000..02fe7f82bf --- /dev/null +++ b/files/it/web/api/event/ctrlkey/index.html @@ -0,0 +1,44 @@ +--- +title: event.ctrlKey +slug: Web/API/Event/ctrlKey +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/MouseEvent/ctrlKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se il tasto CTRL è stato premuto mentre l'evento si verificava.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> = event.ctrlKey +</pre> +<p><code>bool</code> vale <code>true</code> se il tasto CTRL era premuto, altrimenti <code>false</code>.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio tasto control</title> + +<script type="text/javascript"> + +function mostraCarattere(e){ + alert( + "Tasto premuto: " + String.fromCharCode(e.charCode) + "\n" + + "Codice carattere: " + e.charCode + "\n" + + "Tasto CTRL premuto: " + e.ctrlKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="mostraCarattere(event);"> +<p>Prova a premere un tasto tenendo premuto CTRL e prova a premere un tasto senza premere CTRL.<br /> +Puoi anche provare a premere CTRL+SHIFT.</p> +</body> +</html> +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MouseEvent-ctrlKey">ctrlKey </a></p> +<p>{{ languages( { "en": "en/DOM/event.ctrlKey", "pl": "pl/DOM/event.ctrlKey" } ) }}</p> diff --git a/files/it/web/api/event/currenttarget/index.html b/files/it/web/api/event/currenttarget/index.html new file mode 100644 index 0000000000..7fcc81f4b3 --- /dev/null +++ b/files/it/web/api/event/currenttarget/index.html @@ -0,0 +1,99 @@ +--- +title: Event.currentTarget +slug: Web/API/Event/currentTarget +translation_of: Web/API/Event/currentTarget +--- +<p>{{APIRef("DOM")}}</p> + +<p>Identifica l'elemento del DOM a cui è stato assegnato l'event handler diversamente dall' <code>event.target</code> che rappresenta l'elemento da cui è stato generato l'evento.</p> + +<h2 id="Esempio">Esempio</h2> + +<p>L' <code>event.currentTarget </code>risulta utile da usare quando si assegna lo stesso event handler a numerosi elementi.</p> + +<pre class="brush: js">function hide(e){ + e.currentTarget.style.visibility = "hidden"; + // When this function is used as an event handler: this === e.currentTarget +} + +var ps = document.getElementsByTagName('p'); + +for(var i = 0; i < ps.length; i++){ + ps[i].addEventListener('click', hide, false); +} + +// click around and make paragraphs disappear +</pre> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th>Specification</th> + <th>Status</th> + <th>Comment</th> + </tr> + <tr> + <td>{{SpecName("DOM2 Events", "#Events-Event-currentTarget", "Event.currentTarget")}}</td> + <td>{{Spec2("DOM2 Events")}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_Browser">Compatibilità Browser</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Il modello degli eventi implementato dagli Internet Explorer da 6 a 8 è diverso. Gli event listerner sono attaccati attraverso il metodo non standard <code>element.attachEvent. </code>In questo modello non esiste un equivalente dell' <code>event.currentTarget</code> inoltre <code>this</code> è l'oggetto globale. Una possibile soluzione è quella di wrappare la gestione dell' <code>event.currentTarget </code>in una funzione che chiami la funzione di handler attraverso la <code>Function.prototype.call</code> passando come primo parametro l'elemento. In questo modo il valore associato allo <code>this</code> è quello aspettato.</p> + +<h2 id="Vedi_anche">Vedi anche</h2> + +<p><a href="/en-US/docs/Web/API/Event/Comparison_of_Event_Targets">Comparison of Event Targets</a></p> diff --git a/files/it/web/api/event/eventphase/index.html b/files/it/web/api/event/eventphase/index.html new file mode 100644 index 0000000000..d695a1451a --- /dev/null +++ b/files/it/web/api/event/eventphase/index.html @@ -0,0 +1,19 @@ +--- +title: event.eventPhase +slug: Web/API/Event/eventPhase +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/eventPhase +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica quale fase del flusso degli eventi è attualmente in elaborazione.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>fase</i> = event.eventPhase +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-eventPhase">eventPhase </a></p> +<p>{{ languages( { "en": "en/DOM/event.eventPhase", "pl": "pl/DOM/event.eventPhase" } ) }}</p> diff --git a/files/it/web/api/event/index.html b/files/it/web/api/event/index.html new file mode 100644 index 0000000000..6ae75ff300 --- /dev/null +++ b/files/it/web/api/event/index.html @@ -0,0 +1,240 @@ +--- +title: event +slug: Web/API/Event +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event +--- +<p>{{ ApiRef() }}</p> +<h3 id="Introduzione" name="Introduzione">Introduzione</h3> +<p>Questo capitolo descrive il modello degli eventi del DOM Level 2 così come è implementato in <a href="it/Gecko">Gecko</a>. Viene descritta l'interfaccia <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event">Event</a>, così come le interfacce per la registrazione di eventi per i nodi del DOM, i gestori di eventi, i listener e diversi esempi che mostrano come le interfacce dei diversi eventi si relazionano tra loro.</p> +<p>Vi è un diagramma eccellente che spiega chiaramente le tre fasi del flusso degli eventi nella <a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-flow">bozza di DOM Level 3</a>.</p> +<h4 id="L.27interfaccia_Event" name="L.27interfaccia_Event">L'interfaccia <code>Event</code></h4> +<p>I gestori degli eventi possono essere assegnati a vari elementi DOM. Quando un dato evento si verifica, un oggetto evento viene creato dinamicamente e passato agli event listener che permettono di gestirlo. L'interfaccia <code>Event</code> del DOM è quindi accessibile dalla funzione che gestisce l'evento, alla quale viene passato un oggetto evento come primo e unico argomento.</p> +<p>Vi sono tre modi di assegnare un listener a un elemento. Con due di queste tecniche, l'oggetto evento viene passato implicitamente alla funzione che gestisce l'evento. Con la terza tecnica, occorre passare esplicitamente l'oggetto evento come parametro.</p> +<p>L'esempio seguente mostra come un oggetto evento viene passato a tale funzione e come può essere utilizzato all'interno della funzione.</p> +<p>Si noti che nel codice non viene passato alcun parametro "evt". L'oggetto evento viene passato automaticamente a <code>foo</code>. Tutto ciò che occorre fare è definire un parametro nel gestore di eventi che riceva l'oggetto evento.</p> +<pre>function foo(evt) { + // le funzioni per la gestione degli eventi come questa + // ricevono un riferimento implicito all'oggetto evento che gestiscono + // (in questo caso abbiamo scelto di chiamarlo "evt"). + alert(evt); +} +elementoTabella.onclick = foo; +</pre> +<p>Questo esempio è molto semplice, ma mostra una caratteristica importante degli eventi nel DOM di Gecko, cioè che è possibile accedere all'oggetto evento dalla funzione gestore. Una volta che si ha un riferimento a un evento, si può accedere a tutte le proprietà e ai metodi descritti in questo capitolo.</p> +<h4 id="Gestori_degli_eventi_DOM" name="Gestori_degli_eventi_DOM">Gestori degli eventi DOM</h4> +<p>Oltre all'oggetto <code>event</code> qui descritto, il DOM di Gecko fornisce anche metodi per la registrazione dei listener sui nodi del DOM, la rimozione di questi listeners ed eliminare gli eventi dal DOM. Questi event listener sugli elementi HTML o XML sono i modi principali per accedere agli eventi. Questi tre metodi sono descritti nella lista sottostante.</p> +<p>Si può anche passare un riferimento all'oggetto evento sotto forma di un parametro definito, chiamato <code>event</code>, alla funzione che gestisce l'evento. Il funzionamento è molto simile a quello della parola chiave <code>this</code>.</p> +<pre><html> +<head> +<title>esempio sul parametro evento</title> + +<script type="text/javascript"> + +function mostraCoordinate(evt){ + alert( + "valore clientX: " + evt.clientX + "\n" + + "valore clientY: " + evt.clientY + "\n" + ); +} + +</script> +</head> + +<body onmousedown="mostraCoordinate(event)"> +<p>Per conoscere le coordinate della posizione del mouse, clicca in qualunque punto di questa pagina.</p> +</body> +</html> +</pre> +<p>Utilizzando l'oggetto <code>event</code> predefinito è possibile passare altri parametri alla funzione, come mostrato nel seguente esempio:</p> +<pre><html> +<head> +<title>esempio sul parametro evento + parametri extra</title> + +<script type="text/javascript"> + +var par2 = 'ciao'; +var par3 = 'mondo!'; + +function mostraCoordinate(evt, p2, p3){ + alert( + "valore clientX: " + evt.clientX + "\n" + + "valore clientY: " + evt.clientY + "\n" + + "parametro 2: " + p2 + "\n" + + "parametro 3: " + p3 + "\n" + ); +} + +</script> +</head> + +<body onmousedown="mostraCoordinate(event, par2, par3)"> +<p>Per conoscere le coordinate della posizione del mouse e visualizzare un saluto al mondo, clicca in qualunque punto di questa pagina.</p> +</body> +</html> +</pre> +<h3 id="Propriet.C3.A0" name="Propriet.C3.A0">Proprietà</h3> +<dl> + <dt> + <a href="it/DOM/event.altKey">event.altKey</a></dt> + <dd> + Restituisce un booleano che indica se il tasto <code><alt></code> è stato premuto durante l'evento.</dd> + <dt> + <a href="it/DOM/event.bubbles">event.bubbles</a></dt> + <dd> + Restituisce un booleano che indica se l'evento emerge dal DOM.</dd> + <dt> + <a href="it/DOM/event.button">event.button</a></dt> + <dd> + Restituisce un intero che indica quale tasto del mouse è stato premuto.</dd> + <dt> + <a href="it/DOM/event.cancelBubble">event.cancelBubble</a></dt> + <dd> + {{ Deprecated_inline() }} Restituisce un booleano che indica se l'evento è stato cancellato.</dd> + <dt> + <a href="it/DOM/event.cancelable">event.cancelable</a></dt> + <dd> + Restituisce un booleano che indica se l'evento è cancellabile.</dd> + <dt> + <a href="it/DOM/event.charCode">event.charCode</a></dt> + <dd> + Restituisce il tasto carattere che è stato premuto e che ha scatenato l'evento <a href="it/DOM/event/keypress">keypress</a>.</dd> + <dt> + <a href="it/DOM/event.clientX">event.clientX</a></dt> + <dd> + Restituisce la posizione orizzontale del puntatore del mouse.</dd> + <dt> + <a href="it/DOM/event.clientY">event.clientY</a></dt> + <dd> + Restituisce la posizione verticale del puntatore del mouse.</dd> + <dt> + <a href="it/DOM/event.ctrlKey">event.ctrlKey</a></dt> + <dd> + Restituisce un booleano che indica se il tasto <code><ctrl></code> è stato premuto durante l'evento.</dd> + <dt> + <a href="it/DOM/event.currentTarget">event.currentTarget</a></dt> + <dd> + Restituisce un riferimento all'elemento a cui appartiene l'evento.</dd> + <dt> + <a href="it/DOM/event.detail">event.detail</a></dt> + <dd> + Restituisce alcuni dettagli sull'evento.</dd> + <dt> + <a href="it/DOM/event.eventPhase">event.eventPhase</a></dt> + <dd> + Indica in quale fase si trova il flusso dell'elaborazione degli eventi.</dd> + <dt> + <a href="it/DOM/event.explicitOriginalTarget">event.explicitOriginalTarget</a></dt> + <dd> + Restituisce l'elemento dal quale ha avuto origine l'evento (solo Mozilla).</dd> + <dt> + <a href="it/DOM/event.isChar">event.isChar</a></dt> + <dd> + Restituisce un booleano che indica se l'evento è stato causato dalla pressione di un tasto carattere.</dd> + <dt> + <a href="it/DOM/event.keyCode">event.keyCode</a></dt> + <dd> + Restituisce un valore Unicode per un tasto non carattere che è stato premuto.</dd> + <dt> + <a href="it/DOM/event.layerX">event.layerX</a></dt> + <dd> + Restituisce la coordinata orizzontale relativa al layer corrente.</dd> + <dt> + <a href="it/DOM/event.layerY">event.layerY</a></dt> + <dd> + Restituisce la coordinata verticale relativa al layer corrente.</dd> + <dt> + <a href="it/DOM/event.metaKey">event.metaKey</a></dt> + <dd> + Restituisce un booleano che indica se il tasto <code>meta</code> è stato premuto durante l'evento.</dd> + <dt> + <a href="it/DOM/event.originalTarget">event.originalTarget</a></dt> + <dd> + Restituisce l'elemento dal quale ha avuto origine l'evento (solo Mozilla).</dd> + <dt> + <a href="it/DOM/event.pageX">event.pageX</a></dt> + <dd> + Restituisce la coordinata orizzontale relativa alla pagina.</dd> + <dt> + <a href="it/DOM/event.pageY">event.pageY</a></dt> + <dd> + Restituisce la coordinata verticale relativa alla pagina.</dd> + <dt> + <a href="it/DOM/event.relatedTarget">event.relatedTarget</a></dt> + <dd> + Identifica un elemento secondario legato all'evento.</dd> + <dt> + <a href="it/DOM/event.screenX">event.screenX</a></dt> + <dd> + Restituisce la posizione orizzontale relativa allo schermo.</dd> + <dt> + <a href="it/DOM/event.screenY">event.screenY</a></dt> + <dd> + Restituisce la posizione verticale relativa allo schermo.</dd> + <dt> + <a href="it/DOM/event.shiftKey">event.shiftKey</a></dt> + <dd> + Restituisce un booleano che indica se il tasto <code><shift></code> è stato premuto durante l'evento.</dd> + <dt> + <a href="it/DOM/event.target">event.target</a></dt> + <dd> + Restituisce un riferimento all'elemento al quale l'evento era legato originariamente.</dd> + <dt> + <a href="it/DOM/event.timeStamp">event.timeStamp</a></dt> + <dd> + Restituisce il timestamp nel quale l'evento è stato scatenato.</dd> + <dt> + <a href="it/DOM/event.type">event.type</a></dt> + <dd> + Restituisce il nome dell'evento (case-insensitive).</dd> + <dt> + <a href="it/DOM/event.view">event.view</a></dt> + <dd> + Identifica l'<code>AbstractView</code> dal quale l'evento è stato generato.</dd> + <dt> + <a href="it/DOM/event.which">event.which</a></dt> + <dd> + Restituisce il valore Unicode del tasto che è stato premuto, indipendentemente da quale tipo di tasto sia stato premuto.</dd> +</dl> +<h3 id="Metodi" name="Metodi">Metodi</h3> +<dl> + <dt> + <a href="it/DOM/event.initEvent">event.initEvent</a></dt> + <dd> + Inizializza il valore di un evento che è stato creato tramite l'interfaccia <code>DocumentEvent</code>.</dd> + <dt> + <a href="it/DOM/event.initKeyEvent">event.initKeyEvent</a></dt> + <dd> + Inizializza un evento legato alla tastiera (specifico di Gecko).</dd> + <dt> + <a href="it/DOM/event.initMouseEvent">event.initMouseEvent</a></dt> + <dd> + Inizializza un evento legato al mouse</dd> + <dt> + <a href="it/DOM/event.initUIEvent">event.initUIEvent</a></dt> + <dd> + Inizializza un evento legato all'interfaccia utente</dd> + <dt> + <a href="it/DOM/event.preventBubble">event.preventBubble</a></dt> + <dd> + {{ Obsolete_inline() }} Previene l'emergere di un evento. Questo metodo è deprecato in favore dello standard <a href="it/DOM/event.stopPropagation">stopPropagation</a> ed è stato rimosso in Gecko 1.9.</dd> + <dt> + <a href="it/DOM/event.preventCapture">event.preventCapture</a></dt> + <dd> + {{ Obsolete_inline() }} Questo metodo è deprecato in favore dello standard <a href="it/DOM/event.stopPropagation">stopPropagation</a> ed è stato rimosso in Gecko 1.9.</dd> + <dt> + <a href="it/DOM/event.preventDefault">event.preventDefault</a></dt> + <dd> + Cancella l'evento (se è cancellabile).</dd> + <dt> + <a href="it/DOM/event.stopPropagation">event.stopPropagation</a></dt> + <dd> + Arresta un'ulteriore propagazione degli eventi DOM.</dd> +</dl> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event", "es": "es/DOM/event", "fr": "fr/DOM/event", "pl": "pl/DOM/event" } ) }}</p> diff --git a/files/it/web/api/event/ischar/index.html b/files/it/web/api/event/ischar/index.html new file mode 100644 index 0000000000..ae1edd3975 --- /dev/null +++ b/files/it/web/api/event/ischar/index.html @@ -0,0 +1,30 @@ +--- +title: event.isChar +slug: Web/API/Event/isChar +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/isChar +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce un booleano che indica se è stato premuto un tasto carattere o meno.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> = event.isChar +</pre> +<ul> + <li><code>bool</code> vale <code>true</code> se il tasto premuto è un tasto carattere, altrimenti <code>false</code></li> +</ul> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre> if e.isChar + ripetiInput(e.type); + } +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>Alcune combinazioni di tasti potrebbero produrre degli eventi ma non produrre alcun carattere (per esempio CTRL+b). Quando questo accade, <code>isChar</code> restituisce <code>false</code>.</p> +<p><b>Attenzione:</b> attualmente <code>isChar</code> è afflitto da un <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=312552">bug</a>, a causa del quale il risultato è sempre <code>false</code>. Gli sviluppatori di Mozilla potrebbero correggere questo bug, ma potrebbero anche decidere di eliminare questa proprietà non standard.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuna specifica.</p> +<p>{{ languages( { "en": "en/DOM/event.isChar", "pl": "pl/DOM/event.isChar" } ) }}</p> diff --git a/files/it/web/api/event/keycode/index.html b/files/it/web/api/event/keycode/index.html new file mode 100644 index 0000000000..d1d69dec46 --- /dev/null +++ b/files/it/web/api/event/keycode/index.html @@ -0,0 +1,48 @@ +--- +title: event.keyCode +slug: Web/API/Event/keyCode +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/KeyboardEvent/keyCode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il valore Unicode di un tasto non-carattere che è stato premuto scatenando un evento <a href="it/DOM/event/keypress">keypress</a>, oppure il valore di qualsiasi tasto premuto scatenando un qualsiasi altro evento relativo alla tastiera.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>valore</i> = event.keyCode +</pre> +<ul> + <li><code>valore</code> è il codice Unicode del tasto premuto.</li> +</ul> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio di keyCode</title> + +<script type="text/javascript"> + +function mostraCodiceTasto(e) +{ +alert("Codice del tasto premuto: " + e.keyCode + "\n"); +} + +</script> +</head> + +<body onkeydown="mostraCodiceTasto(event);"> +<p>Premere un tasto qualsiasi.</p> +</body> +</html> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>In un evento <a href="it/DOM/event/keypress">keypress</a>, il valore Unicode del tasto premuto viene registrato nella proprietà <code>keyCode</code> oppure nella proprietà <code><a href="it/DOM/event.charCode">charCode</a></code>, mai in entrambe. Se il tasto premuto corrisponde a un carattere (per esempio 'a'), <code>charCode</code> assume il valore Unicode di quel carattere (che è diverso per le maiuscole e per le minuscole). In caso contrario, il codice del tasto premuto viene registrato nella proprietà <code>keyCode</code>.</p> +<p><code>charCode</code> non viene mai impostato durante gli eventi <a href="it/DOM/event/keydown">keydown</a> e <a href="it/DOM/event/keyup">keyup</a>. In questi casi, viene impostato <code>keyCode</code>.</p> +<p>Per leggere il codice del tasto indipendentemente dal fatto che esso si trovi in <code>keyCode</code> o in <code>charCode</code>, si può utilizzare la proprietà <code><a href="it/DOM/event.which">which</a></code>.</p> +<p>I caratteri inseriti attraverso un IME non vengono registrati nè in <code>keyCode</code> nè in <code>charCode</code>.</p> +<p>Per una lista dei possibili valori di <code>charCode</code> e per conoscere i tasti ai quali sono associati, vedere l'esempio <a href="it/Reference_del_DOM_di_Gecko/Esempi#Example_7:_Mostrare_le_costanti_dell.27oggetto_Event">Reference del DOM di Gecko:Esempi #Example 7: Mostrare le costanti dell'oggetto Event</a>.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuna specifica. Si veda <a href="it/NsIDOMKeyEvent">nsIDOMKeyEvent</a></p> +<p>{{ languages( { "en": "en/DOM/event.keyCode", "pl": "pl/DOM/event.keyCode" } ) }}</p> diff --git a/files/it/web/api/event/layerx/index.html b/files/it/web/api/event/layerx/index.html new file mode 100644 index 0000000000..80dc20b35b --- /dev/null +++ b/files/it/web/api/event/layerx/index.html @@ -0,0 +1,102 @@ +--- +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> diff --git a/files/it/web/api/event/layery/index.html b/files/it/web/api/event/layery/index.html new file mode 100644 index 0000000000..9bb4f99947 --- /dev/null +++ b/files/it/web/api/event/layery/index.html @@ -0,0 +1,102 @@ +--- +title: event.layerY +slug: Web/API/Event/layerY +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/layerY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce la coordinata verticale del punto in cui si è scatenato l'evento, relativamente al layer corrente.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>Y</i> = event.layerY +</pre> +<ul> + <li><code>Y</code> è un valore intero che rappresenta la coordinata Y 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>layerY</code> tiene conto di eventuali scorrimenti verticali 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> diff --git a/files/it/web/api/event/metakey/index.html b/files/it/web/api/event/metakey/index.html new file mode 100644 index 0000000000..b3a22bfa38 --- /dev/null +++ b/files/it/web/api/event/metakey/index.html @@ -0,0 +1,30 @@ +--- +title: event.metaKey +slug: Web/API/Event/metaKey +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/MouseEvent/metaKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se il tasto META era premuto mentre l'evento si verificava. Questo tasto è il tasto Apple sui computer Mac, il tasto Windows sui pc con tastiere per Windows sui quali gira questo sistema operativo e potrebbe corrispondere ad altri tasti su altre piattaforme. Non esiste però un unico tasto standard sulla cui presenza si possa fare affidamento per qualsiasi tipo di piattaforma.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> = event.metaKey +</pre> +<p><code>bool</code> vale <code>true</code> se il tasto META era premuto, altrimenti <code>false</code>.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre> function leggiInput(e) { + // controlla il tasto meta + if e.metaKey + // se era premuto si comporta di conseguenza + outputBellissimo(e); + else + outputMediocre(e) + } +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MouseEvent-metaKey">metaKey </a></p> +<p>{{ languages( { "en": "en/DOM/event.metaKey", "pl": "pl/DOM/event.metaKey" } ) }}</p> diff --git a/files/it/web/api/event/pagex/index.html b/files/it/web/api/event/pagex/index.html new file mode 100644 index 0000000000..90cf1beaac --- /dev/null +++ b/files/it/web/api/event/pagex/index.html @@ -0,0 +1,98 @@ +--- +title: event.pageX +slug: Web/API/Event/pageX +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/pageX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce la coordinata orizzontale dell'evento, all'interno dell'intero documento.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>X</i> =<i>event</i>.pageX; +</pre> +<p><code>X</code> è un intero che rappresenta il valore in pixel della coordinata X del puntatore del mouse, relativamente all'intero documento. La coordinata fa riferimento al momento in cui l'evento si è verificato. Questa proprietà tiene conto di ogni scorrimento orizzontale che è stato effettuato all'interno del browser.</p> +<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="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuno standard.</p> +<p>{{ languages( { "en": "en/DOM/event.pageX", "es": "es/DOM/event.pageX", "pl": "pl/DOM/event.pageX" } ) }}</p> diff --git a/files/it/web/api/event/pagey/index.html b/files/it/web/api/event/pagey/index.html new file mode 100644 index 0000000000..d0d87573cc --- /dev/null +++ b/files/it/web/api/event/pagey/index.html @@ -0,0 +1,98 @@ +--- +title: event.pageY +slug: Web/API/Event/pageY +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/pageY +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce la coordinata verticale dell'evento, all'interno dell'intero documento.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>Y</i> =<i>event</i>.pageY; +</pre> +<p><code>Y</code> è un intero che rappresenta il valore in pixel della coordinata Y del puntatore del mouse, relativamente all'intero documento. La coordinata fa riferimento al momento in cui l'evento si è verificato. Questa proprietà tiene conto di ogni scorrimento verticale che è stato effettuato all'interno del browser.</p> +<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="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuno standard.</p> +<p>{{ languages( { "es": "es/DOM/event.pageY", "pl": "pl/DOM/event.pageY" } ) }}</p> diff --git a/files/it/web/api/event/preventdefault/index.html b/files/it/web/api/event/preventdefault/index.html new file mode 100644 index 0000000000..040257b4a3 --- /dev/null +++ b/files/it/web/api/event/preventdefault/index.html @@ -0,0 +1,176 @@ +--- +title: Event.preventDefault() +slug: Web/API/Event/preventDefault +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/preventDefault +--- +<div>{{ ApiRef("DOM") }}</div> + +<p>Il metodo <code><strong>preventDefault()</strong></code> dell'interfaccia {{domxref("Event")}} dice all'{{Glossary("user agent")}} che se l'evento non viene esplicitamente gestito, la sua azione predefinita non dovrebbe essere presa come normalmente. L'evento continua a propagarsi come al solito, a meno che uno dei suoi listener di eventi non chiami {{domxref("Event.stopPropagation", "stopPropagation()")}} o {{domxref("Event.stopImmediatePropagation", "stopImmediatePropagation()")}}, uno dei due interrompa la propagazione contemporaneamente.</p> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox"><em>Event</em>.preventDefault();</pre> + +<h3 id="Parametri">Parametri</h3> + +<p>Nessuno.</p> + +<h3 id="Valore_di_ritorno">Valore di ritorno</h3> + +<p><code>undefined</code>.</p> + +<h2 id="Esempi">Esempi</h2> + +<h3 id="Blocco_della_gestione_dei_click_predefinita">Blocco della gestione dei click predefinita</h3> + +<p>La commutazione di una casella di controllo è l'azione predefinita di fare click su una casella di controllo. Questo esempio mostra come impedire che ciò accada:</p> + +<h4 id="JavaScript">JavaScript</h4> + +<pre class="brush: js">document.querySelector("#id-checkbox").addEventListener("click", function(event) { + document.getElementById("output-box").innerHTML += "Mi dispiace! <code>preventDefault()</code> non ti lascerà controllare questo!<br>"; + event.preventDefault(); +}, false);</pre> + +<h4 id="HTML">HTML</h4> + +<pre class="brush: html"><p>Si prega di fare click sul controllo casella di controllo.</p> + +<form> + <label for="id-checkbox">Checkbox:</label> + <input type="checkbox" id="id-checkbox"/> +</form> + +<div id="output-box"></div></pre> + +<h4 id="Risultato">Risultato</h4> + +<p>Puoi vedere questo in azione qui:</p> + +<p>{{EmbedLiveSample("Blocking_default_click_handling")}}</p> + +<h3 id="Interruzione_delle_sequenze_di_tasti_per_raggiungere_un_campo_di_modifica">Interruzione delle sequenze di tasti per raggiungere un campo di modifica</h3> + +<p>L'esempio seguente dimostra come interrompere l'input di testo non valido per raggiungere il campo di input con <code>preventDefault()</code>. Al giorno d'oggi, di solito dovresti usare <a href="/it-US/docs/Learn/HTML/Forms/Form_validation">convalida del modulo HTML nativo</a>.</p> + +<h4 id="HTML_2">HTML</h4> + +<p>Ecco il modulo:</p> + +<pre class="brush: html"><div class="container"> + <p>Inserisci il tuo nome utilizzando solo lettere minuscole.</p> + + <form> + <input type="text" id="my-textbox"> + </form> +</div></pre> + +<h4 id="CSS">CSS</h4> + +<p>Usiamo un po' di CSS per la finestra di avviso che disegneremo quando l'utente preme una chiave non valida:</p> + +<pre class="brush: css">.warning { + border: 2px solid #f39389; + border-radius: 2px; + padding: 10px; + position: absolute; + background-color: #fbd8d4; + color: #3b3c40; +}</pre> + +<h4 id="JavaScript_2">JavaScript</h4> + +<p>Ed ecco il codice JavaScript che fa il lavoro. Per prima cosa, ascolta gli eventi {{event("keypress")}}:</p> + +<pre class="brush: js">var myTextbox = document.getElementById('my-textbox'); +myTextbox.addEventListener('keypress', checkName, false); +</pre> + +<p>La funzione <code>checkName()</code>, che controlla il tasto premuto e decide se permetterlo:</p> + +<pre class="brush: js">function checkName(evt) { + var charCode = evt.charCode; + if (charCode != 0) { + if (charCode < 97 || charCode > 122) { + evt.preventDefault(); + displayWarning( + "Per favore usa solo lettere minuscole." + + "\n" + "charCode: " + charCode + "\n" + ); + } + } +} +</pre> + +<p>la funzione <code>displayWarning()</code> presenta la notifica di un problema. Non è una funzione elegante ma fa il lavoro ai fini di questo esempio:</p> + +<pre class="brush: js">var warningTimeout; +var warningBox = document.createElement("div"); +warningBox.className = "warning"; + +function displayWarning(msg) { + warningBox.innerHTML = msg; + + if (document.body.contains(warningBox)) { + window.clearTimeout(warningTimeout); + } else { + // inserisci warningBox dopo myTextbox + myTextbox.parentNode.insertBefore(warningBox, myTextbox.nextSibling); + } + + warningTimeout = window.setTimeout(function() { + warningBox.parentNode.removeChild(warningBox); + warningTimeout = -1; + }, 2000); +}</pre> + +<h4 id="Risultato_2">Risultato</h4> + +<p>Ecco il risultato del codice precedente:</p> + +<p>{{ EmbedLiveSample('Stopping_keystrokes_from_reaching_an_edit_field', 600, 200) }}</p> + +<h2 id="Note">Note</h2> + +<p>Chiamando <code>preventDefault()</code> durante qualsiasi fase del flusso di eventi annulla l'evento, il che significa che non verrà eseguita alcuna azione predefinita normalmente eseguita dall'implementazione come risultato dell'evento.</p> + +<div class="note"> +<p>A partire da {{Gecko("6.0")}}, chiamare <code>preventDefault()</code> fa sì che il valore della proprietà {{ domxref("Event.defaultPrevented()") }} diventi <code>true</code>.</p> +</div> + +<p>Puoi utilizzare {{domxref("Event.cancelable")}} per verificare se l'evento è cancellabile. Chiamare <code>preventDefault()</code> per un evento non cancellabile non ha alcun effetto.</p> + +<h2 id="Specifications" name="Specifications">Specifiche</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specifica</th> + <th scope="col">Stato</th> + <th scope="col">Commento</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('DOM WHATWG', '#dom-event-preventdefault', 'Event.preventDefault()')}}</td> + <td>{{ Spec2('DOM WHATWG') }}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events', '#Events-Event-preventDefault', 'Event.preventDefault()')}}</td> + <td>{{ Spec2('DOM2 Events') }}</td> + <td>Definizione iniziale.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Event.preventDefault")}}</p> diff --git a/files/it/web/api/event/shiftkey/index.html b/files/it/web/api/event/shiftkey/index.html new file mode 100644 index 0000000000..fcc11142ef --- /dev/null +++ b/files/it/web/api/event/shiftkey/index.html @@ -0,0 +1,45 @@ +--- +title: event.shiftKey +slug: Web/API/Event/shiftKey +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/MouseEvent/shiftKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Indica se il tasto SHIFT è stato premuto durante l'evento.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>bool</i> = event.shiftKey +</pre> +<p><code>bool</code> restituisce <code>true</code> se il tasto SHIFT era premuto mentre l'evento si verificava, altrimenti <code>false</code>.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio tasto shift</title> + +<script type="text/javascript"> + +function mostraCarattere(e){ + alert( + "Tasto premuto: " + String.fromCharCode(e.charCode) + "\n" + + "Codice carattere: " + e.charCode + "\n" + + "Tasto SHIFT premuto: " + e.shiftKey + "\n" + + "Tasto ALT premuto: " + e.altKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="mostraCarattere(event);"> +<p>Prova a premere un tasto tenendo premuto SHIFT e prova a premere un tasto senza premere SHIFT.<br /> +Puoi anche provare a premere SHIFT+ALT.</p> +</body> +</html> +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-MouseEvent-shiftKey">shiftKey </a></p> +<p>{{ languages( { "en": "en/DOM/event.shiftKey", "pl": "pl/DOM/event.shiftKey" } ) }}</p> diff --git a/files/it/web/api/event/stoppropagation/index.html b/files/it/web/api/event/stoppropagation/index.html new file mode 100644 index 0000000000..1eef27bf30 --- /dev/null +++ b/files/it/web/api/event/stoppropagation/index.html @@ -0,0 +1,60 @@ +--- +title: Event.stopPropagation() +slug: Web/API/Event/stopPropagation +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/stopPropagation +--- +<p>{{APIRef("DOM")}}</p> + +<p><span class="seoSummary">Il metodo <code><strong>stopPropagation()</strong></code> dell'interfaccia {{domxref("Event")}} impedisce un'ulteriore propagazione dell'evento corrente nelle fasi di cattura e bubbling.</span></p> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox"><em>event</em>.stopPropagation();</pre> + +<h2 id="Esempio">Esempio</h2> + +<p>Vedi Esempio 5: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_5:_Event_Propagation">Propagazione degli eventi</a> nel capitolo degli Esempi per un esempio più dettagliato di questo metodo e la propagazione degli eventi nel DOM.</p> + +<h2 id="Note">Note</h2> + +<p>Vedi la <a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture">specificazione DOM</a> per la spiegazione del flusso di eventi. (La <a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-flow">bozza degli eventi di DOM Level 3"</a> ha un'illustrazione.)</p> + +<p><a href="https://developer.mozilla.org/it/docs/Web/API/Event/preventDefault">preventDefault</a> è un metodo complementare che può essere utilizzato per impedire l'azione predefinita dall'evento.</p> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th>Specifica</th> + <th>Stato</th> + <th>Commento</th> + </tr> + <tr> + <td>{{SpecName("DOM WHATWG", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td> + <td>{{Spec2("DOM WHATWG")}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName("DOM4", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td> + <td>{{Spec2("DOM4")}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName("DOM2 Events", "#Events-Event-stopPropagation", "Event.stopPropagation()")}}</td> + <td>{{Spec2("DOM2 Events")}}</td> + <td>Definzione iniziale</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Event.stopPropagation")}}</p> diff --git a/files/it/web/api/event/timestamp/index.html b/files/it/web/api/event/timestamp/index.html new file mode 100644 index 0000000000..d01ab1986a --- /dev/null +++ b/files/it/web/api/event/timestamp/index.html @@ -0,0 +1,45 @@ +--- +title: event.timeStamp +slug: Web/API/Event/timeStamp +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/timeStamp +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il timestamp (cioè il numero di millisecondi trascorsi dalla Unix Epoch, le ore 00:00:00 del 1/1/1970) corrispondente al momento in cui si è verificato l'evento.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>ts</i> = event.timeStamp +</pre> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> + +<title>esempio di timeStamp</title> + +<script type="text/javascript"> +var ora = null; + +function leggiOrario(evt) { + ora = evt.timeStamp; + document.getElementById("time").firstChild.nodeValue = ora; +} +</script> +</head> + +<body onkeypress="leggiOrario(event)"> + +<p>Premi un tasto per conoscere il timestamp corrente grazie all'evento onkeypress.</p> +<p>timeStamp: <span id="time">-</span></p> + +</body> +</html> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>Il sistema di eventi potrebbe non supportare questa proprietà per ogni possibile tipo di evento.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp">timestamp </a></p> +<p>{{ languages( { "en": "en/DOM/event.timeStamp", "pl": "pl/DOM/event.timeStamp" } ) }}</p> diff --git a/files/it/web/api/event/type/index.html b/files/it/web/api/event/type/index.html new file mode 100644 index 0000000000..108e944059 --- /dev/null +++ b/files/it/web/api/event/type/index.html @@ -0,0 +1,50 @@ +--- +title: event.type +slug: Web/API/Event/type +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Event/type +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il nome dell'evento (case-insensitive).</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>stringa</i> = event.type +</pre> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> + +<title>esempio su event.type</title> + +<script type="text/javascript"> +var eventoCorrente = null; + +function tipoEvento(evt) { + eventoCorrente = evt.type; + document.getElementById("Etype").firstChild.nodeValue = eventoCorrente; +} + +</script> +</head> + +<body + onkeydown="tipoEvento(event)" + onkeyup="tipoEvento(event)" + onmousedown="tipoEvento(event)" + onmouseup="tipoEvento(event)"> + +<p>Premi un tasto della tastiera o del mouse per visualizzare il nome dell'evento.</p> +<p>Tipo evento: <span id="Etype">-</span></p> + +</body> +</html> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>Il è un nome XML valido.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-type">type </a></p> +<p>{{ languages( { "en": "en/DOM/event.type", "pl": "pl/DOM/event.type" } ) }}</p> diff --git a/files/it/web/api/event/view/index.html b/files/it/web/api/event/view/index.html new file mode 100644 index 0000000000..00d9f88004 --- /dev/null +++ b/files/it/web/api/event/view/index.html @@ -0,0 +1,22 @@ +--- +title: event.view +slug: Web/API/Event/view +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/view +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce l'oggetto <code>AbstractView</code> nel quale si è verificato l'evento. Nei browser web, questo è l'oggetto <a href="it/DOM/window">window</a> che ha generato l'evento.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>view</i> =<i>event</i>.view +</pre> +<ul> + <li><code>view</code> è un riferimento ad un oggetto <code>AbstractView</code>.</li> +</ul> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-UIEvent-view">DOM Level 2 Events: UIEvent.view</a></p> +<p>{{ languages( { "en": "en/DOM/event.view", "pl": "pl/DOM/event.view" } ) }}</p> diff --git a/files/it/web/api/event/which/index.html b/files/it/web/api/event/which/index.html new file mode 100644 index 0000000000..0ab544b60c --- /dev/null +++ b/files/it/web/api/event/which/index.html @@ -0,0 +1,60 @@ +--- +title: event.which +slug: Web/API/Event/which +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/KeyboardEvent/which +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il valore di <code>keyCode</code> se il tasto premuto non è un tasto carattere, altrimenti restituisce il valore di <code>charCode</code> se è stato premuto un tasto alfanumerico.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>int</i> = event.which +</pre> +<p><code>int</code> è il codice numerico del tasto che è stato premuto, sia esso alfanumerico oppure no. Si vedano <code><a href="it/DOM/event.charCode">charCode</a></code> e <code><a href="it/DOM/event.keyCode">keyCode</a></code> per ulteriori informazioni.</p> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><html> +<head> +<title>esempio con charCode/keyCode/which</title> + +<script type="text/javascript"> + +function mostraTastoPremuto(evt) +{ +alert("Evento onkeypress: \n" + + "proprietà keyCode: " + evt.keyCode + "\n" + + "proprietà which: " + evt.which + "\n" + + "proprietà charCode: " + evt.charCode + "\n" + + "Tasto premuto (se alfanumerico): " + + String.fromCharCode(evt.charCode) + "\n" + ); +} + + +function pressioneTasto(evt) +{ +alert("onkeydown handler: \n" + + "proprietà keyCode: " + evt.keyCode + "\n" + + "proprietà which: " + evt.which + "\n" + ); +} + + +</script> +</head> + +<body + onkeypress="mostraTastoPremuto(event);" + onkeydown="pressioneTasto(event);" +> + +<p>Premere un tasto</p> + +</body> +</html> +</pre> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>Non è parte di alcuna specifica.</p> |