init
This commit is contained in:
parent
06f61d8ce8
commit
f301cb744d
2271 changed files with 103162 additions and 0 deletions
1
02-ui/05-widgets/08-widget-tasks-2/02-draggable-windows/task/.plnkr
Executable file
1
02-ui/05-widgets/08-widget-tasks-2/02-draggable-windows/task/.plnkr
Executable file
|
@ -0,0 +1 @@
|
|||
{"name":"window-src","plunk":"LvOiMPt6359D4X13ZLkB"}
|
55
02-ui/05-widgets/08-widget-tasks-2/02-draggable-windows/task/index.html
Executable file
55
02-ui/05-widgets/08-widget-tasks-2/02-draggable-windows/task/index.html
Executable file
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<script src="http://code.jquery.com/jquery.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
|
||||
<style>
|
||||
html, body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ваши стили */
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||||
|
||||
<script type="text/template" id="draggable-window-template">
|
||||
/* шаблон для окна */
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
// если начать перенос и передвинуть мышь максимально вверх -- верхний край окна не должен вылетать за край страницы.
|
||||
// в другие стороны
|
||||
|
||||
// чтобы даже при резких движениях мыши -- окно прилипало к краю но не вылезало за край
|
||||
// исключение -- максимальная нижняя позиция окна -- это когда только заголовок виден
|
||||
|
||||
// позиция мыши смещается
|
||||
function DraggableWindow(options) {
|
||||
var self = this;
|
||||
|
||||
/* ваш код */
|
||||
}
|
||||
|
||||
var win = new DraggableWindow({
|
||||
title: "Чат с Петей",
|
||||
template: $('#draggable-window-template').html()
|
||||
});
|
||||
|
||||
win.getElement().appendTo('body');
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue