forked from KirillSuhodolov/Contact-list
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (52 loc) · 2.3 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<title>Address book</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/book.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
</head>
<body >
<div class="span4">
<div id="about">
This application is written in JavaScript and uses the Web SQL as database on the client side.
</div>
</div>
<div class="span4">
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
<center>Click here to add new contact</center>
</a>
</div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
<form id="contForm" >
<h3 class="contForm-heading"><center>Enter a contact data</center></h3>
<input type="text" class="input-block-level" placeholder="Surname" name="lastname">
<input type="text" class="input-block-level" placeholder="Name" name="firstname">
<input type="text" class="input-block-level" placeholder="Email address" name="email">
<input type="text" class="input-block-level" placeholder="Phone #" name = "phone">
<input class="btn btn-primary" id="formSubmit" type="button" name="goButton" value="Add contact" onClick="javascript:dbGo()" >
<input id="inputAction" type="hidden" name="action" value="add" />
<input id="inputKey" type="hidden" name="key" value="0" />
</form>
</div>
</div>
</div>
</div>
<form id="searchForm">
<input id="searchInp" type="text" placeholder="Search" >
</form>
<div id="contacts">
</div>
<div id="delButton">
<input class="btn btn-mini btn-danger" type="button" value="Delete all records" onClick="javascript:clearDB()"/>
</div>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/book.js"></script>
</div>
</body>
</html>