Merge pull request #290 from maksumi/mouse-events-basics

vplentinax · web-flow · commit 4f23a6105a81 · 2020-07-07T16:43:58.000-04:00
Mouse events
diff --git a/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/solution.view/index.html b/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/solution.view/index.html
@@ -16,7 +16,7 @@
 
 <body>
 
-  Click on a list item to select it.
+  Haz click en un elemento de la lista para seleccionarlo
   <br>
 
   <ul id="ul">
@@ -39,7 +39,7 @@
 
     }
 
-    // prevent unneeded selection of list elements on clicks
+    // evitando la selección innecesaria de elementos de la lista en los clics
     ul.onmousedown = function() {
       return false;
     };
diff --git a/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/source.view/index.html b/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/source.view/index.html
@@ -16,7 +16,7 @@
 
 <body>
 
-  Click on a list item to select it.
+  Haz click en un elemento de la lista para seleccionarlo.
   <br>
 
   <ul id="ul">
@@ -28,7 +28,7 @@
   </ul>
 
   <script>
-    // ...your code...
+    //...Tu código
   </script>
 
 </body>
diff --git a/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/task.md b/2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/task.md
@@ -1,18 +1,18 @@
-importance: 5
+importancia: 5
 
 ---
 
-# Selectable list
+# Lista seleccionable
 
-Create a list where elements are selectable, like in file-managers.
+Cree una lista donde los elementos son seleccionables, como en los administradores de archivos.
 
-- A click on a list element selects only that element (adds the class `.selected`), deselects all others.
-- If a click is made with `key:Ctrl` (`key:Cmd` for Mac), then the selection is toggled on the element, but other elements are not modified.
+- Un clic en un elemento de la lista selecciona solo ese elemento (agrega la clase `.selected`), deselecciona todos los demás.
+- Si se hace un clic con `key:Ctrl` (`key:Cmd` para Mac), el estado seleccionado/deseleccionado cambia para ese solo elemento, los otros elementos no se modifican.
 
-The demo:
+Demo:
 
 [iframe border="1" src="solution" height=180]
 
-P.S. For this task we can assume that list items are text-only. No nested tags.
+PD: Para esta tarea, podemos suponer que los elementos de la lista son solo de texto. No hay etiquetas anidadas.
 
-P.P.S. Prevent the native browser selection of the text on clicks.
+PPD: Evita la selección nativa del navegador del texto en los clics.
diff --git a/2-ui/3-event-details/1-mouse-events-basics/article.md b/2-ui/3-event-details/1-mouse-events-basics/article.md
