Update 2-ui\1-document\11-coordinates\tasks

Author: marcellosurdi

2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md

@@ -8,7 +8,7 @@ Nell'iframe sotto potete osservare un documento con un "campo" verde.
 
 Usate JavaScript per trovare le coordinate relative alla finestra degli angoli indicati dalle frecce.
 
-Per comodità è stata implementata una semplice funzionalità nel documento: un click in un punto qualsiasi ne mostra le coordinate.
+Per comodità è stata implementata una semplice funzionalità nel documento: un click in un punto qualsiasi mostra le coordinate.
 
 [iframe border=1 height=360 src="source" link edit]
 

2-ui/1-document/11-coordinates/2-position-at/solution.md

@@ -1,4 +1,4 @@
-In this task we only need to accurately calculate the coordinates. See the code for details.
+In questo esercizio dobbiamo solo calcolare accuratamente le coordinate. Guardate il codice per i dettagli.
 
-Please note: the elements must be in the document to read `offsetHeight` and other properties.
-A hidden (`display:none`) or out of the document element has no size.
+Nota bene: gli elementi devono essere visibili nel documento per leggere `offsetHeight` e le altre proprietà.
+Un elemento nascosto (`display:none`) o fuori dal documento non ha dimensioni.

2-ui/1-document/11-coordinates/2-position-at/solution.view/index.html

@@ -24,13 +24,13 @@
 
   <script>
     /**
-     * Positions elem relative to anchor as said in position.
+     * Posiziona elem relativamente a anchor come indicato in position.
      *
-     * @param {Node} anchor     Anchor element for positioning
-     * @param {string} position One of: top/right/bottom
-     * @param {Node} elem       Element to position
+     * @param {Node} anchor     Elemento di riferimento per il posizionamento
+     * @param {string} position Un valore tra: top/right/bottom
+     * @param {Node} elem       Elemento da posizionare
      *
-     * Both elements: elem and anchor must be in the document
+     * Entrambi gli elementi, elem e anchor, devono essere visibili nel documento
      */
     function positionAt(anchor, position, elem) {
 
@@ -55,10 +55,10 @@
 
     }
 
-    /**
-     * Shows a note with the given html at the given position
-     * relative to the anchor element.
-     */
+     /**
+      * Mostra una nota con l'html passato come parametro nella posizione indicata
+      * relativa all'elemento anchor.
+      */
     function showNote(anchor, position, html) {
 
       let note = document.createElement('div');
@@ -69,7 +69,7 @@
       positionAt(anchor, position, note);
     }
 
-    // test it
+    // prova
     let blockquote = document.querySelector('blockquote');
 
     showNote(blockquote, "top", "note above");

2-ui/1-document/11-coordinates/2-position-at/source.view/index.html

@@ -24,21 +24,21 @@
 
   <script>
     /**
-     * Positions elem relative to anchor as said in position.
+     * Posiziona elem relativamente a anchor come indicato in position.
      *
-     * @param {Node} anchor     Anchor element for positioning
-     * @param {string} position One of: top/right/bottom
-     * @param {Node} elem       Element to position
+     * @param {Node} anchor     Elemento di riferimento per il posizionamento
+     * @param {string} position Un valore tra: top/right/bottom
+     * @param {Node} elem       Elemento da posizionare
      *
-     * Both elements: elem and anchor must be in the document
+     * Entrambi gli elementi, elem e anchor, devono essere visibili nel documento
      */
     function positionAt(anchor, position, elem) {
       // ... your code ...
     }
 
     /**
-     * Shows a note with the given html at the given position
-     * relative to the anchor element.
+     * Mostra una nota con l'html passato come parametro nella posizione indicata
+     * relativa all'elemento anchor.
      */
     function showNote(anchor, position, html) {
 
@@ -50,7 +50,7 @@
       positionAt(anchor, position, note);
     }
 
-    // test it
+    // prova
     let blockquote = document.querySelector('blockquote');
 
     showNote(blockquote, "top", "note above");

2-ui/1-document/11-coordinates/2-position-at/task.md

@@ -2,17 +2,17 @@ importance: 5
 
 ---
 
-# Show a note near the element
+# Mostrate una nota vicino l'elemento
 
-Create a function `positionAt(anchor, position, elem)` that positions `elem`, depending on `position` near `anchor` element.
+Create una funzione `positionAt(anchor, position, elem)` che posizioni `elem` vicino l'elemento `anchor` in base a `position`.
 
-The `position` must be a string with any one of 3 values:
-- `"top"` - position `elem` right above `anchor`
-- `"right"` - position `elem` immediately at the right of `anchor`
-- `"bottom"` - position `elem` right below `anchor`
+Il parametro `position` deve essere una stringa con uno dei 3 valori seguenti:
+- `"top"` - posiziona `elem` proprio sopra `anchor`
+- `"right"` - posiziona `elem` subito a destra di `anchor`
+- `"bottom"` - posiziona `elem` esattamente sotto `anchor`
 
-It's used inside function `showNote(anchor, position, html)`, provided in the task source code, that creates a "note" element with given `html` and shows it at the given `position` near the `anchor`.
+Il codice che scriverete viene richiamato dalla funzione `showNote(anchor, position, html)`, che trovate nel codice sorgente dell'esercizio e che crea una nota con l'`html` passato come parametro e lo mostra nella `position` assegnata vicino all'elemento `anchor`.
 
-Here's the demo of notes:
+Ecco un esempio:
 
 [iframe src="solution" height="350" border="1" link]

2-ui/1-document/11-coordinates/3-position-at-absolute/solution.md

@@ -1,4 +1,4 @@
-The solution is actually pretty simple:
+La soluzione è in realtà piuttosto semplice:
 
-- Use `position:absolute` in CSS instead of `position:fixed` for `.note`.
-- Use the function [getCoords()](info:coordinates#getCoords) from the chapter <info:coordinates> to get document-relative coordinates.
+- Utilizzate `position:absolute` nel file CSS invece di `position:fixed` per `.note`.
+- Utilizzate la funzione [getCoords()](info:coordinates#getCoords) della sezione <info:coordinates> per ottenere le coordinate relative al documento.

2-ui/1-document/11-coordinates/3-position-at-absolute/solution.view/index.html

@@ -66,7 +66,7 @@
       positionAt(anchor, position, note);
     }
 
-    // test it
+    // prova
     let blockquote = document.querySelector('blockquote');
 
     showNote(blockquote, "top", "note above");

2-ui/1-document/11-coordinates/3-position-at-absolute/task.md

@@ -2,10 +2,10 @@ importance: 5
 
 ---
 
-# Show a note near the element (absolute)
+# Mostrate una nota vicino l'elemento (position:absolute)
 
-Modify the solution of the [previous task](info:task/position-at) so that the note uses `position:absolute` instead of `position:fixed`.
+Modificate la soluzione dell'[esercizio precedente](info:task/position-at) affinché la nota utilizzi `position:absolute` invece di `position:fixed`.
 
-That will prevent its "runaway" from the element when the page scrolls.
+In questo modo eviteremo che si allontani dall'elemento quando la pagina scorre.
 
-Take the solution of that task as a starting point. To test the scroll, add the style `<body style="height: 2000px">`.
+Prendete la soluzione dell'esecizio precedente come punto di partenza. Per testare lo scorrimento aggiungete lo stile `<body style="height: 2000px">`.

2-ui/1-document/11-coordinates/4-position-inside-absolute/task.md

@@ -2,7 +2,7 @@ importance: 5
 
 ---
 
-# Position the note inside (absolute)
+# Position the note inside (position:absolute)
 
 Extend the previous task <info:task/position-at-absolute>: teach the function  `positionAt(anchor, position, elem)` to insert `elem` inside the `anchor`.