From 47c8750db529ad92d0ee0402c7648aa018da3b1b Mon Sep 17 00:00:00 2001
From: Andrea Dalla Costa <andrea.dallacosta@studenti.unitn.it>
Date: Thu, 4 Jul 2019 12:06:22 +0200
Subject: [PATCH] update example

---
 example/index.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/example/index.html b/example/index.html
index fe04110..8dd891f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -20,6 +20,12 @@
         <button class="btn-block btn-primary" onclick="show_image_toast();">Show Image Toast</button>
         <br>
         <button class="btn-block btn-primary" onclick="show_random_snack();">Show Random Snack</button>
+        <br>
+        <button class="btn-block btn-primary" onclick="show_toast_in_container();">Show Toast in Container</button>
+
+        <div class="mt-5 bg-secondary vh-100" id="my_container">
+            <p>My container</p>
+        </div>
 
         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
@@ -90,7 +96,22 @@
                     delay: 5000
                 });
             }
+
+            function show_toast_in_container() {
+                let type = TYPES[Math.floor(Math.random() * TYPES.length)],
+                    title = TITLES[type],
+                    content = CONTENT[type];
+
+                $.toast({
+                    title: title,
+                    subtitle: '11 mins ago',
+                    content: content,
+                    type: type,
+                    delay: 5000,
+                    container: $("#my_container")
+                });
+            }
         </script>
     </body>
 
-</html>
\ No newline at end of file
+</html>