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

marcellosurdi · marcellosurdi · commit 1145ea8a1c12 · 2021-04-07T16:33:25.000+02:00
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md
@@ -1,8 +1,8 @@
-# Outer corners
+# Angoli esterni
 
-Outer corners are basically what we get from [elem.getBoundingClientRect()](https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect).
+Gli angoli esterni sono fondamentalmente quello che otteniamo da [elem.getBoundingClientRect()](https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect).
 
-Coordinates of the upper-left corner `answer1` and the bottom-right corner `answer2`:
+Le coordinate dell'angolo superiore sinistro `answer1` e quelle dell'angolo inferiore destro `answer2`:
 
 ```js
 let coords = elem.getBoundingClientRect();
@@ -11,19 +11,19 @@ let answer1 = [coords.left, coords.top];
 let answer2 = [coords.right, coords.bottom];
 ```
 
-# Left-upper inner corner
+# Angolo interno superiore sinistro
 
-That differs from the outer corner by the border width. A reliable way to get the distance is `clientLeft/clientTop`:
+Questo differisce dall'angolo esterno solo per la larghezza del bordo. Un modo affidabile per calcolare la distanza è `clientLeft/clientTop`:
 
 ```js
 let answer3 = [coords.left + field.clientLeft, coords.top + field.clientTop];
 ```
 
-# Right-bottom inner corner
+# Angolo interno inferiore destro
 
-In our case we need to substract the border size from the outer coordinates.
+Nel nostro caso possiamo sottrarre la misura del bordo dalle coordinate esterne.
 
-We could use CSS way:
+Potremmo utilizzare il valore CSS:
 
 ```js
 let answer4 = [
@@ -32,7 +32,7 @@ let answer4 = [
 ];
 ```
 
-An alternative way would be to add `clientWidth/clientHeight` to coordinates of the left-upper corner. That's probably even better:
+Un'alternativa sarebbe aggiungere `clientWidth/clientHeight` alle coordinate dell'angolo interno superiore sinistro. Questa è probabilmente la soluzione migliore:
 
 ```js
 let answer4 = [
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html
@@ -5,18 +5,18 @@
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-    document.onclick = function(e) { // shows click coordinates
+    document.onclick = function(e) { // mostra le coordinate del clic
       coords.innerHTML = e.clientX + ':' + e.clientY;
     };
   </script>
 </head>
 
 <body>
 
-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
+  Clicca in un punto qualsiasi per ottenere le coordinate relative alla finestra.
+  <br> Fatelo a scopo di test, per verificare il risultato che ottenete con JavaScript.
   <br>
-  <div id="coords">(click coordinates show up here)</div>
+  <div id="coords">(le coordinate del clic vengono mostrate qui)</div>
 
 
   <div id="field">
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html
@@ -5,18 +5,18 @@
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-    document.onclick = function(e) { // shows click coordinates
+    document.onclick = function(e) { // mostra le coordinate del clic
       coords.innerHTML = e.clientX + ':' + e.clientY;
     };
   </script>
 </head>
 
 <body>
 
-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
+  Clicca in un punto qualsiasi per ottenere le coordinate relative alla finestra.
+  <br> Fatelo a scopo di test, per verificare il risultato che ottenete con JavaScript.
   <br>
-  <div id="coords">(click coordinates show up here)</div>
+  <div id="coords">(le coordinate del clic vengono mostrate qui)</div>
 
 
   <div id="field">
@@ -32,7 +32,7 @@
 
 
   <script>
-    // ...your code...
+    // ...il tuo codice...
   </script>
 
 </body>
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md b/2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md
@@ -2,23 +2,23 @@ importance: 5
 
 ---
 
-# Find window coordinates of the field
+# Trovate le coordinate del campo relative alla finestra
 
-In the iframe below you can see a document with the green "field".
+Nell'iframe sotto potete osservare un documento con un "campo" verde.
 
-Use JavaScript to find window coordinates of corners pointed by with arrows.
+Usate JavaScript per trovare le coordinate relative alla finestra degli angoli indicati dalle frecce.
 
-There's a small feature implemented in the document for convenience. A click at any place shows coordinates there.
+Per comodità è stata implementata una semplice funzionalità nel documento: un click in un punto qualsiasi ne mostra le coordinate.
 
 [iframe border=1 height=360 src="source" link edit]
 
-Your code should use DOM to get window coordinates of:
+Il vostro codice dovrebbe usare il DOM per ottenere le coordinate relative alla finestra di:
 
-1. Upper-left, outer corner (that's simple).
-2. Bottom-right, outer corner (simple too).
-3. Upper-left, inner corner (a bit harder).
-4. Bottom-right, inner corner (there are several ways, choose one).
+1. angolo esterno superiore sinistro (è semplice).
+2. angolo esterno inferiore destro (semplice anche questo).
+3. angolo interno superiore sinistro (un po' più difficile).
+4. angolo interno inferiore destro (esistono vari modi, sceglietene uno).
 
-The coordinates that you calculate should be the same as those returned by the mouse click.
+Le coordinate che calcolate dovrebbero essere le stesse di quelle mostrate al click del mouse.
 
-P.S. The code should also work if the element has another size or border, not bound to any fixed values.
+P.S. Il codice dovrebbe funzionare anche se l'elemento ha un'altra dimensione o un altro bordo, non deve dipendere da valori fissi.
diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md
@@ -156,7 +156,7 @@ let elem = document.getElementById("coords-show-mark");
 function createMessageUnder(elem, html) {
   // crea l'elemento messaggio
   let message = document.createElement('div');
-  // è preferibile usare una classe CSS per assegnargli degli stili
+  // per assegnare degli stili è preferibile usare una classe CSS
   message.style.cssText = "position:fixed; color: red";
 
 *!*
