-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
41 lines (40 loc) · 1.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<style>
.minimized {
height: 0px !important;
}
</style>
</head>
<body>
<script type='text/javascript'>
// Toggles minimize class for the +iframe+.
// This is done by changing the +iframe.style.height+ property.
// Also, the caret is changed to down/up arrow.
window.toggleForm = function() {
var iframe = document.getElementById('iframe-prashna');
var caret = document.getElementById('caret');
if(iframe.style.height == '0px') {
iframe.style.height = '230px';
caret.innerHTML = '▼';
} else {
iframe.style.height = '0px';
caret.innerHTML = '▲';
}
}
window.closeForm = function() {
var complete_div = document.getElementById('prashna');
complete_div.remove();
}
</script>
<div id='prashna' class="prashna" style="font-family:sans-serif;width:320px;border:1px solid #B5B5B5;border-radius:2px;position:fixed;right:10px;bottom:0;">
<div class="survey-nav" style='border-bottom:solid #EEE 1px;margin:10px;padding:10px;text-align:right;'>
<span style='float:left'>Prashna</span>
<span id='caret' style="color:#DBDBDB;font-size:15px; margin-right:7px; cursor:pointer" onclick="toggleForm()">▼</span>
<span style="color:#DBDBDB;font-weight:900; font-size:15px; cursor:pointer" onclick='closeForm()'>✕</span>
</div>
<iframe id='iframe-prashna' src='http://localhost:5001/form.html' width="320" height="400" frameBorder="0" style='transition:0.5s; height: 230px; overflow:hidden;' scrolling='no'>
</iframe>
</div>
</body>
</html>