renovations

archive/widget-tasks/2-draggable-windows/task.md

@@ -0,0 +1,25 @@
+# Переносимые окна
+
+[importance 5]
+
+Создайте виджет окна для чата.
+
+Окно -- это `DIV`, который можно переносить, взявшись за заголовок. По нажатию на "Послать" данные передаются в содержание окна. 
+
+[demo src="index.html"/]
+
+Синтаксис:
+
+```js
+new DraggableWindow({
+  title: "Чат с Петей",
+  template: HTML-шаблон окна
+});
+```
+
+<ul>
+<li>Возможно появление прокрутки внутри окна, если сообщений много. Сообщения не должны вылезать вовне окна.</li>
+<li>Окно нельзя вытащить за пределы экрана, даже резкими движениями мыши. Влево-вправо-вверх оно вообще не должно вылезать за границу, а вниз -- только до заголовка. Попробуйте перемещать его в демо, чтобы увидеть.</li>
+<li>Для задания DOM-структуры окна используйте шаблон. Может быть создано несколько окон.</li>
+</ul>
+