updated docs and more

2013-06-06 14:03:15 +10:00
parent b83b209596
commit a7e896514d
11 changed files with 336 additions and 747 deletions
@@ -0,0 +1,112 @@
+<html>
+<head>
+  <title></title>
+  <style type="text/css">
+    .z {
+      display: inline-block;
+    }
+
+    .a {
+      height: 50px;
+      width: 70px;
+      background: lightblue;
+    }
+
+    .b {
+      height: 100px;
+      width: 50px;
+      background: pink;
+    }
+
+    .c {
+      height: 20px;
+      width: 200px;
+      background: lightgreen;
+    }
+
+    hr {
+      margin: 25px 0 25px 0;
+    }
+
+  </style>
+</head>
+<body>
+
+  <hr/>
+
+  <div style="padding: 50px; margin: 50px; width: 592px;">
+    <div class="z a">a</div>
+    <div class="z b s">S</div>
+    <div class="z c">c</div>
+    <div class="z a">a</div>
+    <div class="z b">b</div>
+    <div class="z c t">T</div>
+    <div class="z a">a</div>
+    <div class="z b">b</div>
+    <div class="z c">c</div>
+  </div>
+
+  <hr/>
+
+  <div>
+    <div class="z b">b</div>
+    <span class="inline">some inline text</span>
+  </div>
+  
+  <hr/>
+
+  <div>
+    <span>some inline text</span>
+    <span class="inline" style="padding: 20px; border: thin solid pink;">and special padding</span>
+  </div>
+  
+  <hr/>
+
+  <div>
+    <span>some inline text</span>
+    <span class="inline" style="margin: 20px; border: thin solid pink;">and special margin</span>
+  </div>
+  
+  <hr/>
+
+  <div>
+    <span>some inline text</span>
+    <span class="inline" style="margin: 20px; padding: 20px; border: thin solid pink;">and special padding margin</span>
+  </div>
+  
+  <hr/>
+
+  <div>
+    <span>some inline block text</span>
+    <span class="inline" style="display: inline-block; margin: 20px; padding: 20px; border: thin solid pink;">and special padding margin</span>
+  </div>
+  
+  <hr/>
+
+  <div>
+    <canvas width="100px" height="100px"></canvas>
+    <span>some canvas</span>
+    <span class="inline" style="display: inline-block; margin: 20px; padding: 20px; border: thin solid pink;">and special padding margin</span>
+  </div>
+  
+  <hr/>
+
+
+
+
+
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+  <script src="../dist/notify.js"></script>
+  <script src="../dist/styles/notify-bootstrap.js"></script>
+  <script type="text/javascript">
+
+    $.notify.defaults({autoHide: false})
+    $(function() {
+      $(".s").notify("s", {position: "right"})
+      $(".t").notify("t", {position: "top"})
+      $(".inline").notify("inline!", {position: "right"})
+    });
+  </script>
+
+</body>
+</html>
@@ -28,13 +28,15 @@
    var positions = ["top", "right", "bottom", "left"];
    var boxes = $(".boxes");

-    $.each(positions, function(i, p) {
-      var box = $("<div class=\"box\">"+p+"</div>");
-      boxes.append($("<div class=\"wrapper\"/>").append(box));
+    $.notify.defaults({ arrowShow: false })
+    $(function() {
+      $.each(positions, function(i, p) {
+        var box = $("<div class=\"box\">"+p+"</div>");
+        boxes.append($("<div class=\"wrapper\"/>").append(box));

-      setTimeout(function() {
        box.notify(p, {position: p+" center"});
-      }, 500)
+      });
+
    });
  </script>