81 lines
No EOL
2.9 KiB
HTML
81 lines
No EOL
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<link href="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.css" rel="stylesheet">
|
|
<link href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.css" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
|
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
|
|
<script src="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.js"></script>
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div data-role="page" data-control-title="Home" id="page1">
|
|
<div data-theme="c" data-role="header">
|
|
<h1 class="ui-title">
|
|
Sound Board
|
|
</h1>
|
|
</div>
|
|
<div role="main" class="ui-content">
|
|
<a id="1" href="#page1" class="ui-btn ">
|
|
High Five (1)
|
|
</a>
|
|
<a id="2" href="#page1" class="ui-btn ">
|
|
High Five (2)
|
|
</a>
|
|
<a id="3" href="#page1" class="ui-btn ">
|
|
Hello!
|
|
</a>
|
|
<div id="googlemapsjs1" class="google-map" style="width: 288px; height: 200px; margin-left: auto; margin-right: auto">
|
|
</div>
|
|
<script type="text/javascript">
|
|
window.CodiqaControls && window.CodiqaControls.register('googlemaps', 'googlemapsjs1', {
|
|
ready: function(control) {
|
|
|
|
control.options = {
|
|
zoom: 14,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
};
|
|
|
|
control.el = document.getElementById(control._id);
|
|
control.map = new google.maps.Map(control.el, control.options);
|
|
|
|
var geocoder = new google.maps.Geocoder();
|
|
geocoder.geocode({
|
|
'address': 'Madison, WI'
|
|
}, function(results, status) {
|
|
if (status == google.maps.GeocoderStatus.OK) {
|
|
|
|
var marker = new google.maps.Marker({
|
|
map: control.map,
|
|
position: results[0].geometry.location
|
|
});
|
|
control.center = results[0].geometry.location;
|
|
control.map.setCenter(control.center);
|
|
}
|
|
});
|
|
|
|
}
|
|
});
|
|
</script>
|
|
<div class="ui-field-contain" data-controltype="slider">
|
|
<label for="slider1">
|
|
Value
|
|
</label>
|
|
<input id="slider1" type="range" name="slider" value="50" min="0" max="100"
|
|
data-highlight="false">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |