API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 5th, 2013
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.92 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <!--[if IEMobile 7]><html class="no-js iem7 oldie"><![endif]-->
  5. <!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7 oldie" lang="en"><![endif]-->
  6. <!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8 oldie" lang="en"><![endif]-->
  7. <!--[if (IE 9)&!(IEMobile)]><html class="no-js ie9" lang="en"><![endif]-->
  8. <!--[if (gt IE 9)|(gt IEMobile 7)]><!--><html class="no-js" lang="en"><!--<![endif]-->
  9.  
  10. <head>
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. <link rel="icon" type="image/ico" href="/allsecure/img/favicon.ico">
  14. <title>Location</title>
  15. <meta name="description" content="">
  16. <meta name="author" content="">
  17.  
  18. <!-- http://davidbcalhoun.com/2010/viewport-metatag -->
  19. <meta name="HandheldFriendly" content="True">
  20. <meta name="MobileOptimized" content="320">
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  22.  
  23. <link rel="stylesheet" type="text/css" href="/allsecure/css/reset3860.css" /><link rel="stylesheet" type="text/css" href="/allsecure/css/style3860.css" /><link rel="stylesheet" type="text/css" href="/allsecure/css/colors3860.css" /><link rel="stylesheet" type="text/css" href="/allsecure/css/print3860.css" media="print" /><link rel="stylesheet" type="text/css" href="/allsecure/css/4803860.css" media="only all and (min-width: 480px)" /><link rel="stylesheet" type="text/css" href="/allsecure/css/7683860.css" media="only all and (min-width: 768px)" /><link rel="stylesheet" type="text/css" href="/allsecure/css/9923860.css" media="only all and (min-width: 992px)" /><link rel="stylesheet" type="text/css" href="/allsecure/css/12003860.css" media="only all and (min-width: 1200px)" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/agenda3860.css?v=1" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/dashboard3860.css?v=1" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/form3860.css?v=1" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/modal3860.css?v=1" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/progress-slider3860.css?v=1" /><link rel="stylesheet" type="text/css" href="/allsecure/css/styles/switches3860.css?v=1" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script><script type="text/javascript" src="/allsecure/js/libs/modernizr.custom.js"></script>
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <!-- For Modern Browsers -->
  35. <link rel="shortcut icon" href="img/favicons/favicon.png">
  36. <!-- For everything else -->
  37. <link rel="shortcut icon" href="img/favicons/favicon.ico">
  38. <!-- For retina screens -->
  39. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/favicons/apple-touch-icon-retina.png">
  40. <!-- For iPad 1-->
  41. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/favicons/apple-touch-icon-ipad.png">
  42. <!-- For iPhone 3G, iPod Touch and Android -->
  43. <link rel="apple-touch-icon-precomposed" href="img/favicons/apple-touch-icon.png">
  44.  
  45. <!-- iOS web-app metas -->
  46. <meta name="apple-mobile-web-app-capable" content="yes">
  47. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  48.  
  49. <!-- Startup image for web apps -->
  50. <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
  51. <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
  52. <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">
  53.  
  54. <!-- Microsoft clear type rendering -->
  55. <meta http-equiv="cleartype" content="on">
  56.  
  57. <!-- IE9 Pinned Sites: http://msdn.microsoft.com/en-us/library/gg131029.aspx -->
  58. <meta name="application-name" content="Developr Admin Skin">
  59. <meta name="msapplication-tooltip" content="Cross-platform admin template.">
  60. <meta name="msapplication-starturl" content="http://www.display-inline.fr/demo/developr">
  61. <!-- These custom tasks are examples, you need to edit them to show actual pages -->
  62. <meta name="msapplication-task" content="name=Agenda;action-uri=http://www.display-inline.fr/demo/developr/agenda.html;icon-uri=http://www.display-inline.fr/demo/developr/img/favicons/favicon.ico">
  63. <meta name="msapplication-task" content="name=My profile;action-uri=http://www.display-inline.fr/demo/developr/profile.html;icon-uri=http://www.display-inline.fr/demo/developr/img/favicons/favicon.ico">
  64. </head>
  65.  
  66. <body class="clearfix with-menu with-shortcuts">
  67.  
  68. <!-- Prompt IE 6 users to install Chrome Frame -->
  69. <!--[if lt IE 7]><p class="message red-gradient simpler">Your browser
  70. <header role="banner" id="title-bar">
  71. <h2></h2>
  72. </header>
  73. is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  74.  
  75. <!-- Title bar -->
  76.  
  77.  
  78. <!-- Button to open/hide menu -->
  79. <a href="javascript:void(0);" id="open-menu"><span>Menu</span></a>
  80.  
  81. <!-- Button to open/hide shortcuts -->
  82. <a href="javascript:void(0);" id="open-shortcuts"><span class="icon-thumbs"></span></a>
  83.  
  84. <!-- Main content -->
  85. <section role="main" id="main">
  86.  
  87. <noscript class="message black-gradient simpler">Your browser does not support JavaScript! Some features won't work as expected...</noscript>
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96. <!-- For all browsers -->
  97.  
  98.  
  99. <!-- For progressively larger displays -->
  100. <!-- For Retina displays -->
  101. <!--For Retina displays -->
  102. <link rel="stylesheet" type="text/css" href="/allsecure/css/2x3860.css?v=1" media="only all and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5)" />
  103. <!-- Webfonts -->
  104. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  105.  
  106. <!-- Additional styles -->
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117. <hgroup id="main-title" class="thin">
  118. <h1>Map</h1>
  119. </hgroup>
  120.  
  121.  
  122. <div class="with-padding">
  123. <div id='map_canvas' style='width:800px; height:800px; style'></div>
  124. <script>
  125. var markers = new Array();
  126. var markersIds = new Array();
  127. var geocoder = new google.maps.Geocoder();
  128.  
  129. function geocodeAddress(address, action, map,markerId, markerTitle, markerIcon, markerShadow, windowText, showInfoWindow) {
  130. geocoder.geocode( { 'address': address}, function(results, status) {
  131. if (status == google.maps.GeocoderStatus.OK) {
  132. if(action =='setCenter'){
  133. setCenterMap(results[0].geometry.location);
  134. }
  135. if(action =='setMarker'){
  136. //return results[0].geometry.location;
  137. setMarker(map,markerId,results[0].geometry.location,markerTitle, markerIcon, markerShadow,windowText, showInfoWindow);
  138. }
  139. if(action =='addPolyline'){
  140. return results[0].geometry.location;
  141. }
  142. } else {
  143. alert('Geocode was not successful for the following reason: ' + status);
  144. return null;
  145. }
  146. });
  147. }
  148. var initialLocation;
  149. var browserSupportFlag = new Boolean();
  150. var map_canvas;
  151. var myOptions = {
  152. zoom: 6,
  153. mapTypeId: google.maps.MapTypeId.HYBRID
  154.  
  155.  
  156. };
  157. map_canvas = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
  158.  
  159. function setCenterMap(position){
  160. map_canvas.setCenter(position);setMarker(map_canvas,'center',position,'My Position','http://google-maps-icons.googlecode.com/files/home.png','','My Position', true);
  161. }
  162. setCenterMap(new google.maps.LatLng(40.698470327287, -73.951442241669));
  163. function localize(){
  164. if(navigator.geolocation) { // Try W3C Geolocation method (Preferred)
  165. browserSupportFlag = true;
  166. navigator.geolocation.getCurrentPosition(function(position) {
  167. initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
  168. map_canvas.setCenter(initialLocation);setMarker(map_canvas,'center',initialLocation,'My Position','http://google-maps-icons.googlecode.com/files/home.png','','My Position', true);}, function() {
  169. handleNoGeolocation(browserSupportFlag);
  170. });
  171.  
  172. } else if (google.gears) { // Try Google Gears Geolocation
  173. browserSupportFlag = true;
  174. var geo = google.gears.factory.create('beta.geolocation');
  175. geo.getCurrentPosition(function(position) {
  176. initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
  177. map_canvas.setCenter(initialLocation);setMarker(map_canvas,'center',initialLocation,'My Position','http://google-maps-icons.googlecode.com/files/home.png','','My Position', true);}, function() {
  178. handleNoGeolocation(browserSupportFlag);
  179. });
  180. } else {
  181. // Browser doesn't support Geolocation
  182. browserSupportFlag = false;
  183. handleNoGeolocation(browserSupportFlag);
  184. }
  185. }
  186.  
  187. function handleNoGeolocation(errorFlag) {
  188. if (errorFlag == true) {
  189. initialLocation = noLocation;
  190. contentString = "Error: The Geolocation service failed.";
  191. } else {
  192. initialLocation = noLocation;
  193. contentString = "Error: Your browser doesn't support geolocation.";
  194. }
  195. map_canvas.setCenter(initialLocation);
  196. map_canvas.setZoom(3);
  197. }
  198. function setMarker(map, id, position, title, icon, shadow, content, showInfoWindow){
  199. var index = markers.length;
  200. markersIds[markersIds.length] = id;
  201. markers[index] = new google.maps.Marker({
  202. position: position,
  203. map: map,
  204. icon: icon,
  205. shadow: shadow,
  206. title:title
  207. });
  208. if(content != '' && showInfoWindow){
  209. var infowindow = new google.maps.InfoWindow({
  210. content: content
  211. });
  212. google.maps.event.addListener(markers[index], 'click', function() {
  213. infowindow.open(map,markers[index]);
  214. });
  215. }
  216. }</script>
  217.  
  218. </div>
  219.  
  220.  
  221. <!-- End main content -->
  222.  
  223. <!-- Side tabs shortcuts -->
  224. <ul id="shortcuts" role="complementary" class="children-tooltip tooltip-right">
  225. <li class="inactive">
  226. <a href="/allsecure/dashboard" title="Dashboard" class="shortcut-dashboard">Dashboard</a> </li>
  227. <li> <a href="inbox.html" class="shortcut-messages" title="Find My Device">Find My Device</a></li>
  228.  
  229.  
  230.  
  231. <li class="current">
  232.  
  233. <a href="/allsecure/Backup" title="Backup / Restore" class="shortcut-agenda">Backup / Restore</a> </li>
  234.  
  235. <!-- <li><a href="explorer.html" class="shortcut-medias" title="Media">Media</a></li> --> <li class="at-bottom">
  236. <a href="/allsecure/contacts" title="Settings" class="shortcut-contacts">Settings</a></li>
  237.  
  238.  
  239. </ul>
  240.  
  241. <!-- Sidebar/drop-down menu -->
  242. <section id="menu" role="complementary">
  243.  
  244. <!-- This wrapper is used by several responsive layouts -->
  245. <div id="menu-content">
  246.  
  247.  
  248. <div id="profile">
  249. <img src="/allsecure/img/user.png" alt="CakePHP" width="64" height="54" class="user-icon" />
  250. <span class="name"> irfanzsheikh@hotmail.com <b></b></span>
  251. </div>
  252. <header>
  253. Administrator &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  254. &nbsp;&nbsp;&nbsp;
  255. <a href="/allsecure/users/logout">logout</a></li>
  256. </header>
  257.  
  258. <!-- By default, this section is made for 4 icons, see the doc to learn how to change this, in "basic markup explained" -->
  259. <ul id="access" class="children-tooltip">
  260. <li><a href="inbox.html" title="Messages"><span class="icon-inbox"></span><span class="count">2</span></a></li>
  261. <li><a href="calendars.html" title="Calendar"><span class="icon-calendar"></span></a></li>
  262. <li><a href="login.html" title="Profile"><span class="icon-user"></span></a></li>
  263. <li class="disabled"><span class="icon-gear"></span></li>
  264. </ul>
  265.  
  266. <section>
  267. <li class="title-menu">IMEI Number</li>
  268. <li>
  269. <ul class="calendar-menu">
  270. <li>
  271. <a href="javascript:void(0);" title="See event">
  272. <time datetime="2011-02-24"><b>24</b> Feb</time>
  273. <strong>223</strong>
  274. </a>
  275. </li>
  276. </ul>
  277. </li>
  278.  
  279.  
  280.  
  281. </section>
  282.  
  283. <ul class="unstyled-list">
  284. <li class="title-menu">Active Number</li>
  285. <li>
  286. <ul class="calendar-menu">
  287. <li>
  288. <a href="javascript:void(0);" title="See event">
  289. <time datetime="2011-02-24"><b>24</b> Feb</time>
  290. <small class="green">10:30</small>
  291. </a>
  292. </li>
  293. </ul>
  294. </li>
  295. <li class="title-menu">battery level</li>
  296. <li>
  297. <ul class="calendar-menu">
  298. <li>
  299. <a href="javascript:void(0);" title="See event">
  300. <time datetime="2011-02-24"><b>24</b> Feb</time>
  301. <span class="demo-progress" data-progress-options='{"size":false,"style":"large","barClasses":["green-gradient","glossy"],"innerMarks":25,"stripes":true,"darkStripes":false}'>100%</span>
  302.  
  303. </a>
  304. </li>
  305. </ul>
  306. </li>
  307. <li class="title-menu">New messages</li>
  308. <li>
  309. <ul class="message-menu">
  310. <li>
  311. <span class="message-status">
  312. <a href="javascript:void(0);" class="starred" title="Starred">Starred</a>
  313. <a href="javascript:void(0);" class="new-message" title="Mark as read">New</a>
  314. </span>
  315. <span class="message-info">
  316. <span class="blue">17:12</span>
  317. <a href="javascript:void(0);" class="attach" title="Download attachment">Attachment</a>
  318. </span>
  319. <a href="javascript:void(0);" title="Read message">
  320. <strong class="blue">John Doe</strong><br>
  321. <strong>Mail subject</strong>
  322. </a>
  323. </li>
  324. <li>
  325. <a href="javascript:void(0);" title="Read message">
  326. <span class="message-status">
  327. <span class="unstarred">Not starred</span>
  328. <span class="new-message">New</span>
  329. </span>
  330. <span class="message-info">
  331. <span class="blue">15:47</span>
  332. </span>
  333. <strong class="blue">May Starck</strong><br>
  334. <strong>Mail subject a bit longer</strong>
  335. </a>
  336. </li>
  337. <li>
  338. <span class="message-status">
  339. <span class="unstarred">Not starred</span>
  340. </span>
  341. <span class="message-info">
  342. <span class="blue">15:12</span>
  343. </span>
  344. <strong class="blue">May Starck</strong><br>
  345. Read message
  346. </li>
  347. </ul>
  348. </li>
  349. </ul>
  350.  
  351. </div>
  352. <!-- End content wrapper -->
  353.  
  354. <!-- This is optional -->
  355. <footer id="menu-footer">
  356. <p class="button-height">
  357. <input type="checkbox" name="auto-refresh" id="auto-refresh" checked="checked" class="switch float-right">
  358. <label for="auto-refresh">Auto-refresh</label>
  359. </p>
  360. </footer>
  361.  
  362. </section>
  363. <!-- End sidebar/drop-down menu -->
  364.  
  365. <!-- JavaScript at the bottom for fast page loading -->
  366.  
  367. <!-- Scripts -->
  368.  
  369.  
  370. <script type="text/javascript" src="/allsecure/js/libs/jquery-1.8.2.min.js"></script><script type="text/javascript" src="/allsecure/js/setup.js"></script><script type="text/javascript" src="/allsecure/js/developr.input.js"></script><script type="text/javascript" src="/allsecure/js/developr.message.js"></script><script type="text/javascript" src="/allsecure/js/developr.modal.js"></script><script type="text/javascript" src="/allsecure/js/developr.navigable.js"></script><script type="text/javascript" src="/allsecure/js/developr.notify.js"></script><script type="text/javascript" src="/allsecure/js/developr.scroll.js"></script><script type="text/javascript" src="/allsecure/js/developr.progress-slider.js"></script><script type="text/javascript" src="/allsecure/js/developr.tooltip.js"></script><script type="text/javascript" src="/allsecure/js/developr.confirm.js"></script><script type="text/javascript" src="/allsecure/js/developr.agenda.js"></script><script type="text/javascript" src="/allsecure/js/developr.tabs.js"></script><script type="text/javascript" src="/allsecure/js/libs/tinycon.min.js"></script><script type="text/javascript" src="/allsecure/js/mine/controlpanel1.js"></script><script type="text/javascript" src="/allsecure/js/mine/jsapi.js"></script><script type="text/javascript" src="/allsecure/js/mine/controlpanel2.js"></script>
  371.  
  372. </body>
  373. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!