up

2-ui/1-document/11-coordinates/4-position-inside-absolute/task.md

@@ -0,0 +1,28 @@
+importance: 5
+
+---
+
+# Position the note inside (absolute)
+
+Extend the previous task <info:task/position-at-absolute>: teach the function  `positionAt(anchor, position, elem)` to insert `elem` inside the `anchor`.
+
+New values for `position`:
+
+- `top-out`, `right-out`, `bottom-out` -- work the same as before, they insert the `elem` over/right/under `anchor`.
+- `top-in`, `right-in`, `bottom-in` -- insert `elem` inside the `anchor`: stick it to the upper/right/bottom edge.
+
+For instance:
+
+```js
+// shows the note above blockquote
+positionAt(blockquote, "top-out", note);
+
+// shows the note inside blockquote, at the top
+positionAt(blockquote, "top-in", note);
+```
+
+The result:
+
+[iframe src="solution" height="310" border="1" link]
+
+As the source code, take the solution of the task <info:task/position-at-absolute>.