-
Notifications
You must be signed in to change notification settings - Fork 0
/
page3.html
236 lines (214 loc) · 10.3 KB
/
page3.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="page3.css">
<title></title>
<link rel="stylesheet" href="page3.css">
</head>
<body>
<img src="image4.jpg">
<form id=sym>
<fieldset>
<legend>Votre identité</legend>
<ol>
<li>
<label for=nom>Nom</label>
<input id=nom name=nom type=text placeholder="Prénom et nom" required autofocus>
</li>
<li>
<label for=email>Email</label>
<input id=email name=email type=email placeholder="[email protected]" required>
</li>
<li>
<label for=telephone>Téléphone</label>
<input id=telephone name=telephone type=tel placeholder="par ex : +21654757195" required>
</li>
</ol>
</fieldset>
<fieldset>
<legend>votre Adresse détaillée</legend>
<ol>
<li>
<label for=adresse>Adresse</label>
<textarea id="adresse" name=adresse rows=5 required></textarea>
</li>
<li>
<label for=pays>gouverat</label>
<input id=region name=région type=région required>
</li>
<li>
<label for=codepostal>Code postal</label>
<input id=codepostal name=codepostal type=text pattern="[0-9]{,4}" required>
</li>
</ol>
</fieldset>
<fieldset>
<legend>les symptomes</legend>
<ol>
<li>
<fieldset>
<legend>symptome</legend>
<ol>
<li>
degre de votre température
<input type="number" id="temp" name="quantity" min="36" max="45" placeholder="37.0" required>
</li>
<li>
Ces derniers jours, avez-vous une toux ou une augmentation de votre toux habituelle ?
<input type="radio" name="fièvre" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="fièvre)" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>
Ces derniers jours, avez-vous noté une forte diminution ou perte de votre goût ou de votre odorat ?
<input type="radio" name="toux" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="toux" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>
Ces derniers jours, avez-vous eu un mal de gorge et/ou des douleurs musculaires et/ou des courbatures inhabituelles ?
<input type="radio" name="frites" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="frites" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>
Ces dernières 24 heures, avez-vous de la diarrhée ? Avec au moins 3 selles molles.
<input type="radio" name="a" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="a" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>
Ces derniers jours, avez-vous une fatigue inhabituelle ?
<input type="radio" name="b" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="b" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>Depuis 24 heures ou plus, êtes-vous dans l'impossibilité de vous alimenter ou de boire ?
<input type="radio" name="c" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="c" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>Ces dernières 24 heures, avez-vous noté un manque de souffle inhabituel lorsque vous parlez ou faites un petit effort ?
<input type="radio" name="d" value="oui" id="oui" checked="checked" /> <label for="oui">Oui</label>
<input type="radio" name="d" value="non" id="non" /> <label for="non">Non</label>
</li>
<li>
<table>
<tr> total:
<td> <input type="number" id="oui" name="oui" placeholder="oui" max="7" required></td>
<td> <input type="number" id="non" name="non" placeholder="non" max="7" required></td>
</tr>
</table>
</li>
</ol>
</fieldset>
</li>
</fieldset>
<fieldset>
<button type=button value="INSERT" class="form-controlsubmit" onclick="Insert()">envoyer!</button>
</fieldset>
</form>
<div classe="i">
<table>
<div classe="i">
<tr>
<td><i class="fas fa-house-user" style="font-size:60px;color: #68117e;"> </i></td>
<td>
<p>Restez chez vous, évitez tout contact avec les autres. Certaines personnes transmettent le virus sans en ressentir les symptômes.</p>
</td>
</tr>
</div>
<div>
<tr>
<td> <i class="fas fa-hand-sparkles" style="font-size:60px;color: #68117e;"></i></td>
<td>
<p>Lavez-vous très régulièrement les mains</p>
</td>
</tr>
</div>
<div>
<tr>
<td>
<i class="fas fa-head-side-cough-slash" style="font-size:60px;color: #68117e;"></i>
</td>
<td>
<p>Toussez ou éternuez dans votre coude ou dans un mouchoir</p>
</td>
</tr>
</div>
<div>
<tr>
<td>
<i class="fas fa-handshake-slash" style="font-size:60px;color: #68117e;"></i>
</td>
<td>
<p>Saluez sans serrer la main, n'embrassez personne</p>
</td>
</tr>
</div>
<div>
<tr>
<td>
<i class="fas fa-head-side-mask" style="font-size:60px;color: #68117e;"></i>
</td>
<td>
<p>porter le masque avant de sortir</p>
</td>
</tr>
</div>
</table>
</div>
<div id="div">
<table id="table"></table>
</table>
</div>
<div id="status" name="status"></div>
<script>
var db = window.openDatabase('test1', '1.0', 'Test DB', 2 * 1024 * 1024, verif());
function verif() {
alert("base de donnee cree");
}
function Insert() {
var id = document.getElementById("nom");
var name = document.getElementById("email");
var email = document.getElementById("telephone");
var a = document.getElementById("adresse");
var b = document.getElementById("temp");
var c = document.getElementById("oui");
var d = document.getElementById("non");
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS CONTACT (id unique, name, email)');
tx.executeSql('INSERT INTO CONTACT (id, name, email,a,b,c,d) VALUES (' + id.value + '," ' + name.value + ' ", " ' + email.value + a.value + '," ' + b.value + ' ", " ' + c.value + ' "," ' + d.value + ' ")');
});
}
function View() {
div = document.getElementById("div");
div.innerHTML = "";
div.innerHTML = "<table id='table'>";
var table = document.getElementById("table");
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM CONTACT', [], function(tx, results) {
console.log(results.rows.item(0).id);
for (i = 0; i < results.rows.length; i++) {
r = table.insertRow(i);
var n1 = table.rows[i].insertCell(0);
var n2 = table.rows[i].insertCell(1);
var n3 = table.rows[i].insertCell(2);
var n4 = table.rows[i].insertCell(3);
n1.innerHTML = "<p><b>" + results.rows.item(i).id + "</b></p>";
n2.innerHTML = "<p><b>" + results.rows.item(i).name + "</b></p>";
n3.innerHTML = "<p><b>" + results.rows.item(i).email + "</b></p>";
n4.innerHTML = "<input type='button' value='delete' onclick='Drop(" + results.rows.item(i).id + ");'>"
}
}, null);
});
}
function Delete() {
db.transaction(function(tx) {
tx.executeSql('DROP TABLE CONTACT');
});
}
function Drop(x) {
db.transaction(function(tx) {
tx.executeSql('DELETE FROM CONTACT WHERE id=?', [x]);
});
}
</script>
</body>