dynamic popup example

sfjs · Mar 11, 2016 · 9037a1a · 9037a1a
1 parent e18363c
commit 9037a1a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/dist/sf.popup.js b/dist/sf.popup.js
diff --git a/dist/sf.popup.js.map b/dist/sf.popup.js.map
diff --git a/dist/sf.popup.min.js.map b/dist/sf.popup.min.js.map
diff --git a/example/index.html b/example/index.html
@@ -7,7 +7,7 @@
 </head>
 <body>
 
-<div class="js-sf-popup">
+<div id="js-custom-popup">
     Custom Popup
 </div>
 
@@ -40,12 +40,14 @@ <h2>Hello, {{name}}</h2>
 <script src="sf.form.min.js"></script>
 <script src="../dist/sf.popup.min.js"></script>
 <script>
-    var popup = sf.getInstances('popup')[0];
+    var popup = sf.addInstance("popup", document.getElementById('js-custom-popup'));
 
-    popup.instance.events.on("show", function (options) {
+    popup.getContentNode().innerHTML="<h1>Hello, World!</h1>";
+
+    popup.events.on("show", function (options) {
         console.log("show");
     });
-    popup.instance.events.on("hide", function (options) {
+    popup.events.on("hide", function (options) {
         console.log("hide");
     });
 </script>