en.javascript.info/archive/widget-tasks/2-draggable-windows/task.md
2015-02-21 14:58:02 +03:00

25 lines
1.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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