add jqery

This commit is contained in:
Jan-Lukas Pagel 2023-03-20 23:58:00 +01:00
parent 3f7508d1ac
commit d01c3ecab2

View File

@ -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>