config redirect

2026-01-30 16:31:52 +01:00 · 2023-01-29 22:30:24 +00:00
parent 17557c7d73
commit 5fb4bd8083
9905 changed files with 1258996 additions and 36355 deletions
--- a/node_modules/outlayer/sandbox/item-methods.html
+++ b/node_modules/outlayer/sandbox/item-methods.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+
+  <title>Item Methods</title>
+
+  <link rel="stylesheet" href="examples.css" />
+
+</head>
+<body>
+
+  <h1>Item Methods</h1>
+
+<p>
+  <button id="reveal">reveal</button>
+  <button id="hide">hide</button>
+  <button id="move">move</button>
+</p>
+
+<div class="container">
+  <div class="item"></div>
+</div>
+
+<script src="../bower_components/get-size/get-size.js"></script>
+<script src="../bower_components/matches-selector/matches-selector.js"></script>
+<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
+<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
+<script src="../item.js"></script>
+<script src="../outlayer.js"></script>
+
+<script>
+  var basic = document.querySelector('.container');
+  var layout = new Outlayer( basic );
+  var item = layout.items[0];
+
+  document.querySelector('#reveal').onclick = function() {
+    item.reveal();
+  };
+
+  document.querySelector('#hide').onclick = function() {
+    item.hide();
+  };
+
+  document.querySelector('#move').onclick = function() {
+    var x = Math.random() * 400;
+    var y = Math.random() * 200;
+    item.moveTo( x, y )
+  };
+</script>
+
+</body>
+</html>