You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/99-ui-misc/02-selection-range/article.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -130,7 +130,7 @@ Non dobbiamo usare lo stesso nodo in `setStart` e `setEnd`. Un range può spazia
130
130
Selezioniamo parzialmente il testo, in questa maniera:
131
131

132
132
133
-
Possiamo fare anche questo, abbiamo solo bisogno di impostare l'inizio e la fine come offset relativo nei nodi testuali.
133
+
Possiamo fare anche questo genere di operazione, abbiamo solo bisogno di impostare l'inizio e la fine come offset relativo nei nodi testuali.
134
134
135
135
Dobbiamo creare un range che:
136
136
- cominci dalla posizione 2 in `<p>` primo figlio (prendendo tutto tranne le prime due lettere di "Ex<b>ample:</b> ")
@@ -152,8 +152,8 @@ Dobbiamo creare un range che:
152
152
</script>
153
153
```
154
154
155
-
L'oggetto Range ha le seguenti proprietà:
156
155
156
+
L'oggetto Range ha le seguenti proprietà:
157
157

158
158
159
159
-`startContainer`, `startOffset` -- nodo e offset dell'inizio,
@@ -165,7 +165,7 @@ L'oggetto Range ha le seguenti proprietà:
165
165
-`commonAncestorContainer` -- il più vicino genitore tra tutti i nodi all'interno del range,
166
166
- nell'esempio sopra: `<p>`
167
167
168
-
## Metodi range
168
+
## Metodi di Range
169
169
170
170
Ci sono una serie di metodi comodi per manipolare i range.
171
171
@@ -192,7 +192,7 @@ Altri:
192
192
Per manipolare il contenuto attraverso il range:
193
193
194
194
-`deleteContents()` -- rimuove il contenuto del range dal documento
195
-
-`extractContents()` -- rimuove il contenuto del range dal documento e lo restitisce come [DocumentFragment](info:modifying-document#document-fragment)
195
+
-`extractContents()` -- rimuove il contenuto del range dal documento e lo restituisce come [DocumentFragment](info:modifying-document#document-fragment)
196
196
-`cloneContents()` -- clona un contenuto del range e lo ritorna come [DocumentFragment](info:modifying-document#document-fragment)
197
197
-`insertNode(node)` -- inserisce `node` nel documento all'inizio del range
198
198
-`surroundContents(node)` -- avvolge `node` attorno ad un contenuto range. Per questa azione, il range deve contenere i tag di apertura e chiusura per tutti gli elementi dentro di esso: non possono esserci range del tipo `<i>abc`.
@@ -256,24 +256,23 @@ Click buttons to run methods on the selection, "resetExample" to reset it.
256
256
</script>
257
257
```
258
258
259
-
Ci sono anche metodi per confrontare i range, ma vengono usati raramente. Nel caso ne avessi bisogno puoi fare riferimento a [spec](https://dom.spec.whatwg.org/#interface-range) o su [MDN manual](mdn:/api/Range).
259
+
Ci sono anche metodi per confrontare i range, ma vengono usati raramente. Nel caso ne avessi bisogno puoi fare riferimento alle [specifiche](https://dom.spec.whatwg.org/#interface-range) o sul [manuale MDN](mdn:/api/Range).
260
260
261
261
262
262
## Selection
263
263
264
-
`Range` è un oggetto generico per la gestione i range di selezione. Possiamo creare questi oggetti, passarli in giro -- da soli non selezionano nulla visivamente.
264
+
`Range` è un oggetto generico per la gestione dei range di selezione. Possiamo creare questi oggetti, passarli in giro -- ma da soli non selezionano nulla a livello visivo.
265
265
266
266
La selezione del documento è rappresentata da un oggetto `Selection`, che si può ottenere come `window.getSelection()` o tramite `document.getSelection()`.
267
267
268
-
269
268
Una selezione può includere zero o più range. Almeno così dice la [Specifica della API Selection](https://www.w3.org/TR/selection-api/).
270
-
In pratica tuttavia, solamente Firefox permette di selezionare range multipli nel documento attraverso la combinazione di tasti `key:Ctrl+click` (`key:Cmd+click` su Mac).
269
+
In pratica, tuttavia, solamente Firefox permette di selezionare range multipli nel documento, attraverso la combinazione di tasti `key:Ctrl+click` (`key:Cmd+click` su Mac).
271
270
272
271
Qui potete vedere uno screenshot di una selezione con 3 range, fatta su Firefox:
273
272
274
273

275
274
276
-
Gli altri browser supportano al massimo 1 range. Come possiamo vedere, alcuni dei metodi di `Selection` implicano che possono esserci molti range, ma di nuovo, i tutti i browser eccetti Firefox, ce ne possono essere un massimo di 1.
275
+
Gli altri browser supportano al massimo 1 range. Come possiamo vedere, alcuni dei metodi di `Selection` implicano che possono esserci molti range, ma di nuovo, i tutti i browser eccetti Firefox, ce ne possono essere un massimo di 1.
0 commit comments