From d01c3ecab2191b238b654b9f7ff8982711cb0bab Mon Sep 17 00:00:00 2001
From: Jan-Lukas Pagel <jlp4u@web.de>
Date: Mon, 20 Mar 2023 23:58:00 +0100
Subject: [PATCH] add jqery

---
 index.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index d82ad98..51b7bac 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,9 @@
     <title>Technik Holger</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
 </head>
 <body>
 
@@ -25,6 +27,19 @@
         </div>
     </div>
 
-    <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+    <button id="help">Ich brauche Hilfe!</button>
+
+    <div id="chatbot">
+        <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+    </div>
+
+
+    <script>
+        $('#chatbot').dialog({
+            autoOpen: false
+        });
+
+        $('#help').click(() => $('#chatbot').dialog('open'));
+    </script>
 </body>
 </html>
\ No newline at end of file
