wip(2-ui/2-events/04-default-browser-action): Перевести главу

Author: Kichikahunov

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.
+Когда браузер считывает атрибут `on*`, например `onclick`, он создаёт обработчик как функцию с заданным телом.
 
-For `onclick="handler()"` the function will be:
+Фунция для `onclick="handler()"` будет:
 
 ```js
 function(event) {
-  handler() // the content of onclick
+  handler() // содержимое onclick
 }
 ```
 
-Now we can see that the value returned by `handler()` is not used and does not affect the result.
+Сейчас нам видно, что возвращаемое значение `handler()` не используется и не влияет на результат.
 
-The fix is simple:
+Исправить очень просто:
 
 ```html run
 <script>
@@ -23,7 +23,7 @@ The fix is simple:
 <a href="http://w3.org" onclick="*!*return handler()*/!*">w3.org</a>
 ```
 
-Also we can use `event.preventDefault()`, like this:
+Также мы можем использовать `event.preventDefault()`, например:
 
 ```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?
+# Почему не работает return false?
 
-Why in the code below `return false` doesn't work at all?
+Почему в этом документе `return false` не работает?
 
 ```html autorun run
 <script>
@@ -14,9 +14,9 @@ Why in the code below `return false` doesn't work at all?
   }
 </script>
 
-<a href="http://w3.org" onclick="handler()">the browser will go to w3.org</a>
+<a href="http://w3.org" onclick="handler()">w3.org</a>
 ```
 
-The browser follows the URL on click, but we don't want it.
+Браузер переходит по указанной ссылке, но нам этого не нужно.
 
-How to fix?
+Как поправить?

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.
+Это – классическая задача на тему делегирования.
 
-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).
+В реальной жизни, мы можем перехватить событие и создать AJAX-запрос к серверу, который сохранит информацию о том, по какой ссылке ушел посетитель. Или мы можем загрузить содержимое и отобразить его прямо на странице (если допустимо).
 
-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.
+Всё, что нам необходимо это поймать событие `contents.onclick` и использовать функцию `confirm`, чтобы задать вопрос пользователю. Хорошей идеей было бы использовать `link.getAttribute('href')` вместо `link.href` для ссылок. Смотрите решение в песочнице.

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
+# Поймайте переход по ссылке
 
-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.
+Сделайте так, чтобы при клике на ссылки внутри элемента `id="contents"` пользователю выводился вопрос о том, действительно ли он хочет покинуть страницу и если он не хочет, то прерывать переход по ссылке.
 
-Like this:
+Так это должно работать:
 
 [iframe height=100 border=1 src="solution"]
 
-Details:
+Детали:
 
-- 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 the event delegation.
-- The content may have nested tags. Inside links too, like `<a href=".."><i>...</i></a>`.
+- Содержимое `#contents` может быть загружено динамически и присвоено при помощи `innerHTML`. Так что найти все ссылки и поставить на них обработчики нельзя. Используйте делегирование.
+- Содержимое может содержать вложенные теги, *в том числе внутри ссылок*, например, `<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.
+Решение состоит в том, чтобы добавить обработчик на контейнер `#thumbs` и отслеживать клики на ссылках. Если клик происходит по ссылке `<a>`, тогда меняем атрибут `src` элемента `#largeImg` на `href` уменьшенного изображения.

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

@@ -2,12 +2,12 @@ importance: 5
 
 ---
 
-# Image gallery
+# Галерея изображений
 
-Create an image gallery where the main image changes by the click on a thumbnail.
+Создайте галерею изображений, в которой основное изображение изменяется при клике на уменьшенный вариант.
 
-Like this:
+Например:
 
 [iframe src="solution" height=600]
 
-P.S. Use event delegation.
+P.S. Применяйте делегирование.