javascript-tutorial/archive/widget-tasks/3-window-manager/solution.view/index.html at master · javascript-plunk/javascript-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE HTML>
<html>

<head>
  <meta charset="UTF-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
  <link type="text/css" rel="stylesheet" href="window.css" />
  <style>
    html,
    body {
      padding: 0;
      margin: 0;
    }
  </style>
  <script src="draggableWindow.js"></script>
  <script src="windowManager.js"></script>
</head>

<body>

  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

  <script type="text/template" id="draggable-window-template">
    <div class="window-title">
      <%=title%>
    </div>
    <div class="window-content"></div>
    <form class="window-message-form">
      <input type="text" name="message" class="window-message-text">
      <input type="submit" name="submit" class="window-message-submit" value="Послать">
    </form>
  </script>

  <script>
    WindowManager.setTemplate($('#draggable-window-template').html().trim());

    WindowManager.addWindow({
      title: "Чат с Петей"
    });

    WindowManager.addWindow({
      title: "Чат с Машей"
    });
  </script>

</body>

</html>