задание 2

Author: xcurveballx

2-ui/1-document/11-coordinates/2-position-at/solution.md

@@ -1,4 +1,4 @@
-In this task we only need to accurately calculate the coordinates. See the code for details.
+В этой задаче нам нужно только аккуратно вычислить координаты. Смотрите код для изучения деталей реализации.
 
-Please note: the elements must be in the document to read `offsetHeight` and other properties.
-A hidden (`display:none`) or out of the document element has no size.
+Обратите внимание, что элементы должны уже быть в документе перед чтением `offsetHeight` и других свойств.
+Спрятанный (`display:none`) элемент или элемент вне документа не имеют размеров.

2-ui/1-document/11-coordinates/2-position-at/solution.view/index.html

@@ -24,13 +24,13 @@
 
   <script>
     /**
-     * Positions elem relative to anchor as said in position.
+     * Позиционирует элемент elem относительно элемента anchor в соответствии со значением position.
      *
-     * @param {Node} anchor     Anchor element for positioning
-     * @param {string} position One of: top/right/bottom
-     * @param {Node} elem       Element to position
+     * @param {Node} anchor     элемент, около которого позиционируется другой элемент
+     * @param {string} position одно из: top/right/bottom
+     * @param {Node} elem       элемент, который позиционируется
      *
-     * Both elements: elem and anchor must be in the document
+     * Оба элемента elem и anchor должны присутствовать в документе
      */
     function positionAt(anchor, position, elem) {
 
@@ -56,8 +56,8 @@
     }
 
     /**
-     * Shows a note with the given html at the given position
-     * relative to the anchor element.
+     * Показывает заметку с заданным содержимым на заданной позиции
+     * относительно элемента anchor.
      */
     function showNote(anchor, position, html) {
 
@@ -69,7 +69,7 @@
       positionAt(anchor, position, note);
     }
 
-    // test it
+    // проверка
     let blockquote = document.querySelector('blockquote');
 
     showNote(blockquote, "top", "note above");

2-ui/1-document/11-coordinates/2-position-at/source.view/index.html

@@ -24,24 +24,24 @@
 
   <script>
     /**
-     * Positions elem relative to anchor as said in position.
+     * Позиционирует элемент elem относительно элемента anchor в соответствии со значением position.
      *
-     * @param {Node} anchor     Anchor element for positioning
-     * @param {string} position One of: top/right/bottom
-     * @param {Node} elem       Element to position
+     * @param {Node} anchor     элемент, около которого позиционируется другой элемент
+     * @param {string} position одно из: top/right/bottom
+     * @param {Node} elem       элемент, который позиционируется
      *
-     * Both elements: elem and anchor must be in the document
+     * Оба элемента elem и anchor должны присутствовать в документе
      */
     function positionAt(anchor, position, elem) {
-      // ... your code ...
+      // ... ваш код ...
     }
 
     /**
-     * Shows a note with the given html at the given position
-     * relative to the anchor element.
+     * Показывает заметку с заданным содержимым на заданной позиции
+     * относительно элемента anchor.
      */
     function showNote(anchor, position, html) {
-      // ... your code ...
+      // ... ваш код ...
     }
 
     // test it

2-ui/1-document/11-coordinates/2-position-at/task.md

@@ -2,14 +2,14 @@ importance: 5
 
 ---
 
-# Show a note near the element
+# Покажите заметку рядом с элементом
 
-Create a function `positionAt(anchor, position, elem)` that positions `elem`, depending on  `position` either at the top (`"top"`), right (`"right"`) or bottom (`"bottom"`) of the element `anchor`.
+Создайте функцию `positionAt(anchor, position, elem)`, которая позиционировала бы элемент `elem` в зависимости от значения свойства `position` сверху (`"top"`), справа (`"right"`) или снизу (`"bottom"`) от элемента `anchor`.
 
-Call it inside the function `showNote(anchor, position, html)` that shows an element with the class `"note"` and the text `html` at the given position near the anchor.
+Используйте эту функцию внутри функции `showNote(anchor, position, html)`, которая показывает элемент с классом `"note"` и текст `html` на заданной позиции вблизи элемента `anchor`.
 
-Show the notes like here:
+Заметка должна показываться как здесь:
 
 [iframe src="solution" height="350" border="1" link]
 
-P.S. The note should have `position:fixed` for this task.
+P.S. В этой задаче следует применять CSS-позиционирование с помощью свойства `position:fixed`.