-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (46 loc) · 2.13 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
<!DOCTYPE html>
<html>
<head>
<title>Search Dot</title>
<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css">
<link type="text/css" rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/jquery-ui.css" />
<script src="scripts/jquery-1.8.2.js"></script>
<script src="scripts/jquery-ui.js"></script>
</head>
<body>
<script type="text/javascript" src="scripts/script.js"></script>
<!--script type="text/javascript" src="scripts/vendor/backbone.js"></script-->
<!--script type="text/javascript" src="scripts/vendor/underscore.js"></script-->
<div id="selector">
<ul class="nav nav-pills colors">
<li><a id="yellow" href="#" onclick="show(this.id)">Yellow</a></li>
<li><a id="blue" href="#" onclick="show(this.id)">Blue</a></li>
<li><a id="maroon" href="#" onclick="show(this.id)">Maroon</a></li>
<li><a id="light-green" href="#" onclick="show(this.id)">Light Green</a></li>
<li><a id="pink" href="#" onclick="show(this.id)">Pink</a></li>
<li><a id="green" href="#" onclick="show(this.id)">Green</a></li>
<li><a id="red" href="#" onclick="show(this.id)">Red</a></li>
<li><a id="acqua" href="#" onclick="show(this.id)">Acqua</a></li>
<li><a id="orange" href="#" onclick="show(this.id)">Orange</a></li>
</ul>
</div>
<div id="map">
<div id="map-canvas" class="ui-draggable">
<div class="dots-layer" class="ui-draggable">
<div class="dots yellow">Yellow</div>
<div class="dots blue">Blue</div>
<div class="dots maroon">Maroon</div>
<div class="dots light-green" >Light Green</div>
<div class="dots pink">Pink</div>
<div class="dots green">Green</div>
<div class="dots red">Red</div>
<div class="dots acqua">Acqua</div>
<div class="dots orange">Orange</div>
</div>
</div>
</div>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</body>
</html>