Merge pull request #212 from pierangelomiceli/browser_default_actions

Browser default actions

Author: longo-andrea

2-ui/2-events/04-default-browser-action/1-why-return-false-fails/solution.md

@@ -1,16 +1,16 @@
-When the browser reads the `on*` attribute like `onclick`, it creates the handler from its content.
+Quando il browser legge un attributo `on*` come `onclick`, crea il gestore dal suo contenuto.
 
-For `onclick="handler()"` the function will be:
+Nel caso di `onclick="handler()"` la funzione sarà:
 
 ```js
 function(event) {
-  handler() // the content of onclick
+  handler() // il contenuto del click
 }
 ```
 
-Now we can see that the value returned by `handler()` is not used and does not affect the result.
+Possiamo osservare che il valore restituito da `handler()` non viene usato e non influenza il risultato.
 
-The fix is simple:
+Il fix è semplice:
 
 ```html run
 <script>
@@ -23,7 +23,7 @@ The fix is simple:
 <a href="https://w3.org" onclick="*!*return handler()*/!*">w3.org</a>
 ```
 
-Also we can use `event.preventDefault()`, like this:
+Possiamo anche usare `event.preventDefault()`, come in questo esempio:
 
 ```html run
 <script>

2-ui/2-events/04-default-browser-action/1-why-return-false-fails/task.md

@@ -2,9 +2,9 @@ importance: 3
 
 ---
 
-# Why "return false" doesn't work?
+# Perché "return false" non funziona?
 
-Why in the code below `return false` doesn't work at all?
+Perché nel seguente codice `return false` non funziona per niente?
 
 ```html autorun run
 <script>
@@ -14,9 +14,9 @@ Why in the code below `return false` doesn't work at all?
   }
 </script>
 
-<a href="https://w3.org" onclick="handler()">the browser will go to w3.org</a>
+<a href="https://w3.org" onclick="handler()">il browser andrà su w3.org</a>
 ```
 
-The browser follows the URL on click, but we don't want it.
+Il browser andrà all'URL al click, ma non è ciò che vogliamo.
 
-How to fix?
+Come si può sistemare?

2-ui/2-events/04-default-browser-action/2-catch-link-navigation/solution.md

@@ -1,5 +1,5 @@
-That's a great use of the event delegation pattern.
+Questo è un ottimo uso del pattern event delegation.
 
-In real life instead of asking we can send a "logging" request to the server that saves the information about where the visitor left. Or we can load the content and show it right in the page (if allowable).
+In applicazioni concrete, invece di chiedere, potremmo inviare una richiesta di "logging" al server, che salvi l'informazione relativa al momento in cui l'utente ha deciso di abbandonare la pagina. Oppure potremmo caricare il contenuto e mostrarlo direttamente in pagina (se permesso).
 
-All we need is to catch the `contents.onclick` and use `confirm` to ask the user. A good idea would be to use `link.getAttribute('href')` instead of `link.href` for the URL. See the solution for details.
+Tutto ciò di cui abbiamo bisogno è di catturare i `contents.onclick` ed usare `confirm` per chiedere all'utente. Una buona idea potrebbe essere quella di usare `link.getAttribute('href')` invece di `link.href` per l'URL. Guarda la soluzione per i dettagli.

2-ui/2-events/04-default-browser-action/2-catch-link-navigation/task.md

@@ -2,15 +2,15 @@ importance: 5
 
 ---
 
-# Catch links in the element
+# Catturare i links nell'elemento
 
-Make all links inside the element with `id="contents"` ask the user if they really want to leave. And if they don't then don't follow.
+Fare in modo che tutti i links dentro l'elemento con `id="contents"` chiedano all'utente se vuole davvero abbandonare la pagina al click. Se risponde no, allora non deve seguire il link.
 
-Like this:
+Come nell'esempio seguente:
 
 [iframe height=100 border=1 src="solution"]
 
-Details:
+Dettagli:
 
-- HTML inside the element may be loaded or regenerated dynamically at any time, so we can't find all links and put handlers on them. Use event delegation.
-- The content may have nested tags. Inside links too, like `<a href=".."><i>...</i></a>`.
+- L'HTML dentro l'elemento potrebbe essere caricato o rigenerato in qualunque istante, quindi non possiamo trovare tutti i links ed inserirvi dei gestori all'interno. Utilizzare invece la event delegation.
+- Il contenuto può contenere tags annidati. Anche dentro i links, per esempio potremmo avere `<a href=".."><i>...</i></a>`.

2-ui/2-events/04-default-browser-action/3-image-gallery/solution.md

@@ -1 +1 @@
-The solution is to assign the handler to the container and track clicks. If a click is on the `<a>` link, then change `src` of `#largeImg` to the `href` of the thumbnail.
+La soluzione è quella di assegnare il gestore al contenitore e tenere traccia dei click. Se un click è sul link `<a>`, allora modificare il `src` di `#largeImg` con l'`href` della thumbnail.

2-ui/2-events/04-default-browser-action/3-image-gallery/task.md

@@ -2,12 +2,12 @@ importance: 5
 
 ---
 
-# Image gallery
+# Galleria di immagini
 
-Create an image gallery where the main image changes by the click on a thumbnail.
+Creare una galleria di immagini dove l'immagine principale cambi al click su una thumbnail.
 
-Like this:
+Come in questo esempio:
 
 [iframe src="solution" height=600]
 
-P.S. Use event delegation.
+P.S.: Utilizzate event delegation.