Merge pull request #308 from tay-na/2-ui-/-3-event-details-/-1-mouse-…

…events-basics Update article.md
javascript-tutorial · Jul 18, 2019 · 8278c24 · 8278c24
2 parents d6f6847 + c613e9f
commit 8278c24
Show file tree

Hide file tree

Showing 4 changed files with 131 additions and 130 deletions.
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,15 +16,15 @@
 
 <body>
 
-  Click on a list item to select it.
+  Кликни на элемент списка, чтобы выделить его.
   <br>
 
   <ul id="ul">
-    <li>Christopher Robin</li>
-    <li>Winnie-the-Pooh</li>
-    <li>Tigger</li>
-    <li>Kanga</li>
-    <li>Rabbit. Just rabbit.</li>
+    <li>Кристофер Робин</li>
+    <li>Винни Пух</li>
+    <li>Тигра</li>
+    <li>Кенга</li>
+    <li>Кролик. Просто Кролик.</li>
   </ul>
 
   <script>
@@ -39,7 +39,7 @@
 
     }
 
-    // prevent unneeded selection of list elements on clicks
+    // предотвращает ненужное выделение элементов списка при клике
     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,19 +16,19 @@
 
 <body>
 
-  Click on a list item to select it.
+  Кликни на элемент списка, чтобы выделить его.
   <br>
 
   <ul id="ul">
-    <li>Christopher Robin</li>
-    <li>Winnie-the-Pooh</li>
-    <li>Tigger</li>
-    <li>Kanga</li>
-    <li>Rabbit. Just rabbit.</li>
+    <li>Кристофер Робин</li>
+    <li>Винни Пух</li>
+    <li>Тигра</li>
+    <li>Кенга</li>
+    <li>Кролик. Просто Кролик.</li>
   </ul>
 
   <script>
-    // ...your code...
+    // ...ваш код...
   </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
@@ -2,16 +2,16 @@ importance: 5
 
 ---
 
-# Selectable list
+# Выделяемый список
 
-Create a list where elements are selectable, like in file-managers.
+Создайте список, в котором элементы могут быть выделены, как в файловых менеджерах.
 
-- 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.
+- При клике на элемент списка выделяется только этот элемент (добавляется класс `.selected`), отменяется выделение остальных элементов.
+- Если клик сделан вместе с `key:Ctrl` (`key:Cmd` для Mac), то выделение переключается на элементе, но остальные элементы при этом не изменяются.
 
-The 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.
-P.P.S. Prevent the native browser selection of the text on clicks.
+P.S. В этом задании все элементы списка содержат только текст. Без вложенных тегов.
+P.P.S. Предотвратите стандартное для браузера выделение текста при кликах.