правки

Author: xcurveballx

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/solution.view/index.html

@@ -6,7 +6,7 @@
   <style>
     body {
       height: 2000px;
-      /* тултип должен работать и после скролла страницы */
+      /* подсказка должна работать и после скролла страницы */
     }
 
     .tooltip {
@@ -73,16 +73,16 @@
 
       if (!anchorElem) return;
 
-      // показываем тултип и запоминаем его
+      // показываем подсказку и запоминаем её
       tooltip = showTooltip(anchorElem, anchorElem.dataset.tooltip);
     }
 
     document.onmouseout = function() {
       // из-за всплытия событий возможно, что запустилось mouseout, но мы всё ещё внутри элемента
       // но в этом случае сразу же последует событие mouseover,
-      // то есть тултип исчезнет и потом снова покажется
+      // то есть подсказка исчезнет и потом снова покажется
       //
-      // это уже вне данной задачи, но тут тултип невидим
+      // это уже вне данной задачи, но тут подсказка невидима
       // может быть исправлено дополнительными проверками
       if (tooltip) {
         tooltip.remove();
@@ -100,7 +100,7 @@
 
       let coords = anchorElem.getBoundingClientRect();
 
-      // позиционируем тултип над центром элемента
+      // позиционируем подсказку над центром элемента
       let left = coords.left + (anchorElem.offsetWidth - tooltipElem.offsetWidth) / 2;
       if (left < 0) left = 0;
 

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/source.view/index.html

@@ -6,7 +6,7 @@
   <style>
     body {
       height: 2000px;
-      /* тултип должен работать и после скролла страницы */
+      /* подсказка должна работать и после скролла страницы */
     }
 
     .tooltip {

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/task.md

@@ -2,11 +2,11 @@
 
 ---
 
-# Улучшенный тултип
+# Улучшенная подсказка
 
-Напишите JavaScript код, который показывает тултип над элементом со значением, взятым в аттрибуте `data-tooltip`.
+Напишите JavaScript код, который показывает подсказку (tooltip) над элементом со значением, взятым в аттрибуте `data-tooltip`.
 
-Это похоже на задачу <info:task/behavior-tooltip>, но здесь элементы с тултипами могут быть вложены друг в друга. Показываться должен тултип на самом глубоко вложенном элементе.
+Это похоже на задачу <info:task/behavior-tooltip>, но здесь элементы с подсказками могут быть вложены друг в друга. Показываться должна подсказка на самом глубоко вложенном элементе.
 
 Например:
 
@@ -22,4 +22,4 @@
 
 [iframe src="solution" height=300 border=1]
 
-P.S. Подсказка: только один тултип может быть показан в любой момент времени.
+P.S. Подсказка: только одна подсказка может быть показана в любой момент времени.

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.md

@@ -15,4 +15,4 @@
 
 Таким образом, мы определяем обработчик на событие `mousemove`, чтобы отслеживать координаты и запоминать их. Затем мы можем сравнивать результаты каждые `100ms`.
 
-P.S. Пожалуйста, заметьте: тесты для решения этой задачи используют `dispatchEvent`, чтобы проверить, что тултип работает корректно.
+P.S. Пожалуйста, заметьте: тесты для решения этой задачи используют `dispatchEvent`, чтобы проверить, что подсказка работает корректно.

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/index.html

@@ -17,7 +17,7 @@
     <span class="seconds">00</span>
   </div>
 
-  <div id="tooltip" hidden>Тултип</div>
+  <div id="tooltip" hidden>Подсказка</div>
 
   <script>
     // для демо

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/index.html

@@ -18,7 +18,7 @@
     <span class="seconds">00</span>
   </div>
 
-  <div id="tooltip" hidden>Тултип</div>
+  <div id="tooltip" hidden>Подсказка</div>
 
   <script>
     // для демо

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/task.md

@@ -2,24 +2,24 @@
 
 ---
 
-# "Умный" тултип
+# "Умная" подсказка
 
-Напишите функцию, которая показывает тултип над элементом только в случае, когда пользователь двигает курсор *над ним*, но не *через него*.
+Напишите функцию, которая показывает подсказку над элементом только в случае, когда пользователь двигает курсор *над ним*, но не *через него*.
 
-Другими словами, если пользователь подвинул курсор на элементе и остановился -- показывать тулпти. А если он просто быстро провёл курсором по элементу, то не надо ничего показывать. Кому понравится лишнее мелькание?
+Другими словами, если пользователь подвинул курсор на элементе и остановился -- показывать подсказку. А если он просто быстро провёл курсором по элементу, то не надо ничего показывать. Кому понравится лишнее мелькание?
 
-Технически, мы бы могли измерять скорость прохода курсора мыши над элементом, и если она низкая, то можно посчитать, что пользователь поставил курсор над элементом и показать ему тултип. А если скорость высокая, то тогда не показывать.
+Технически, мы бы могли измерять скорость прохода курсора мыши над элементом, и если она низкая, то можно посчитать, что пользователь поставил курсор над элементом и показать ему подсказку. А если скорость высокая, то тогда не показывать.
 
 Создайте для этого универсальный объект `new HoverIntent(options)` с `options`:
 
 - `elem` -- отслеживаемый элемент.
 - `over` -- функция, вызываемая, если курсор двигается медленно.
-- `out` -- функция, вызываемая при уходе курсора с элемента (если предыдущая функция вызывалась).
+- `out` -- функция, вызываемая при уходе курсора с элемента (если было наведение).
 
-Пример использования такого объекта для показа тултипа:
+Пример использования такого объекта для показа подсказки:
 
 ```js
-// пример тултипа
+// пример подсказки
 let tooltip = document.createElement('div');
 tooltip.className = "tooltip";
 tooltip.innerHTML = "Tooltip";
@@ -42,6 +42,6 @@ new HoverIntent({
 
 [iframe src="solution" height=140]
 
-Если двигать кусор над "часами" быстро, то ничего не произойдет, а если вы замедлите движение курсора над элементом или остановите его, то будет показан тултип.
+Если двигать кусор над "часами" быстро, то ничего не произойдет, а если вы замедлите движение курсора над элементом или остановите его, то будет показана подсказка.
 
-Пожалуйста, заметьте: тултип не должен пропадать (мигать), когда курсор переходит между дочерними элементами часов.
+Пожалуйста, заметьте: подсказка не должна пропадать (мигать), когда курсор переходит между дочерними элементами часов.