API tools faq
paste
Advertisement
homelessin

Map API

homelessin
Mar 31st, 2015
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.   <head>
  5.    
  6.     <meta charset="utf-8">
  7.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.   <meta name="viewport" content="width=device-width, initial-scale=1">
  9.   <meta name="description" content="">
  10.   <meta name="author" content="">
  11.  
  12.   <title>
  13.     Shelters
  14.   </title>
  15.  
  16.   <!-- Bootstrap Core CSS -->
  17.   <link href="css/bootstrap.min.css" rel="stylesheet">
  18.  
  19.   <!-- Custom CSS -->
  20.   <link href="css/sb-admin.css" rel="stylesheet">
  21.  
  22.   <!-- Custom Fonts -->
  23.   <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  24.   <!-- Bootstrap Switch -->
  25.   <link rel="stylesheet" href="css/plugins/Switch/highlight.css">
  26.   <link rel="stylesheet" href="css/plugins/Switch/bootstrap-switch.css">
  27.   <link rel="stylesheet" href="css/plugins/Switch/main.css">
  28.   <script>
  29.     var _gaq = _gaq || [];
  30.     _gaq.push(['_setAccount', 'UA-43092768-1']);
  31.     _gaq.push(['_trackPageview']);
  32.     (function () {
  33.       var ga = document.createElement('script');
  34.       ga.type = 'text/javascript';
  35.       ga.async = true;
  36.       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  37.       var s = document.getElementsByTagName('script')[0];
  38.       s.parentNode.insertBefore(ga, s);
  39.     }
  40.     )();
  41.   </script>
  42.   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  43.   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  44.   <!--[if lt IE 9]>
  45. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
  46. </script>
  47. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
  48. </script>
  49. <![endif]-->
  50.   <style>
  51.     #basic-addon1 {
  52.       background-color: #F20F38
  53.     }
  54.    
  55.     #basic-addon2 {
  56.       background-color: #65B8A1
  57.     }
  58.    
  59.     #basic-addon3 {
  60.       background-color: #82AFE0
  61.     }
  62.    
  63.     #basic-addon4 {
  64.       background-color: #D75526
  65.     }
  66.    
  67.     #sendBtn {
  68.       background-color: #00A4FF
  69.     }
  70.   </style>
  71.   </head>
  72.  
  73.   <body>
  74.    
  75.     <!-- Navigation -->
  76.   <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  77.     <!-- Brand and toggle get grouped for better mobile display -->
  78.     <div class="navbar-header">
  79.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  80.         <span class="sr-only">
  81.           Toggle navigation
  82.         </span>
  83.         <span class="icon-bar">
  84.         </span>
  85.         <span class="icon-bar">
  86.         </span>
  87.         <span class="icon-bar">
  88.         </span>
  89.       </button>
  90.       <a class="navbar-brand" href="index.php">
  91.         SB Admin
  92.       </a>
  93.     </div>
  94.     <!-- Top Menu Items -->
  95.     <ul class="nav navbar-right top-nav">
  96.       <li>
  97.         <!--
  98. <a href="#" class="btn" data-toggle="modal" data-target="#addNew">
  99. <i class="fa fa-plus">
  100. </i>
  101. </a>
  102. -->
  103.           </li>
  104.       </ul>
  105.   </nav>
  106.   <!-- /#topMenu -->
  107. <!-- #table -->
  108.   <div id="page-wrapper">
  109.     <div class="container-fluid">
  110.       <div class="row">
  111.         <div class="col-lg-16">
  112.           <h2>
  113.             Shelters
  114.           </h2>
  115.           <div class="table-responsive">
  116.             <table class="table table-bordered table-hover table-striped">
  117.               <thead>
  118.                 <tr>
  119.                   <th>
  120.                     City
  121.                   </th>
  122.                   <th>
  123.                     Name
  124.                   </th>
  125.                   <th>
  126.                     Latitude
  127.                   </th>
  128.                   <th>
  129.                     Longitude
  130.                   </th>
  131.                   <th>
  132.                     State
  133.                   </th>
  134.                 </tr>
  135.               </thead>
  136.               <tbody>
  137.                 <!--/#table-->
  138.                 <?php
  139. $host = "127.0.0.1";
  140. $user = "root";
  141. $pass = "";
  142. $connection = mysql_connect($host, $user, $pass) or die("Couldn't Connect to Server");
  143. $db = mysql_select_db("location", $connection) or die("Insert A database");
  144. $query = "SELECT * FROM shelters";
  145. $result = mysql_query($query) or die(" Failed:" . mysql_error());
  146. while ($row = mysql_fetch_array($result)) {
  147. echo "<tr>";
  148. echo "<td>",
  149.     $row['city'],
  150.     "</td><td>",
  151.     $row['name'],
  152.     "</td><td>",
  153.     $row['lat'],
  154.     "</td><td>",
  155.     $row['long'],
  156.     "</td><td>",
  157.      "<input type=\"checkbox\" id='switch-state' name=\"$row[name]\" state=\"<script boolean(<? echo '$row[state]'; ?>) </script>\" </td>";
  158. echo "</tr>";
  159. }
  160. ?>
  161.                           </tbody>
  162.                       </table>
  163.                   </div>
  164.               </div>
  165.           </div>
  166.           <!-- /.row -->
  167.       </div>
  168.       <!-- /.container-fluid -->
  169.      
  170.   </div>
  171.   <!-- /#page-wrapper -->
  172.   <!-- /#wrapper -->
  173.   <!-- #modal
  174. <div class="modal fade" id="addNew" role="dialog" tabindex="-1" arialabelledby="myModalLabel" aria-hidden="true">
  175. <div class="modal-dialog">
  176. <div class="modal-content">
  177. <div class="modal-header">
  178. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  179. <span aria-hidden="true">
  180. &times;
  181. </span>
  182. </button>
  183. <h4 class="modal-title">
  184. Add New Location
  185. </h4>
  186. </div>
  187. <div class="modal-body">
  188. <form action="shelters.php" method="post">
  189. <div class="row">
  190. <div class="col-lg-6">
  191. <div class="input-group">
  192. <span class="input-group-addon" id="basic-addon1">
  193. City
  194. </span>
  195. <input name="city" type="text">
  196. </div>
  197. </div>
  198. <div class="col-lg-6">
  199. <div class="input-group">
  200. <span class="input-group-addon" id="basic-addon2">
  201. Name
  202. </span>
  203. <input name="name" type="text">
  204. </div>
  205. </div>
  206. </div>
  207. <div class="row">
  208. <div class="col-lg-12">
  209. &nbsp;
  210. </div>
  211. </div>
  212. <div class="row">
  213. <div class="col-lg-6">
  214. <div class="input-group">
  215. <span class="input-group-addon" id="basic-addon3">
  216. Latitude
  217. </span>
  218. <input name="lat" type="number">
  219. </div>
  220. </div>
  221. <div class="col-lg-6">
  222. <div class="input-group">
  223. <span class="input-group-addon" id="basic-addon4">
  224. Longitude
  225. </span>
  226. <input name="long" type="number">
  227. </div>
  228. </div>
  229. </div>
  230. <a href="shelters.php?submit=true">
  231. <button class="btn btn-success" type="submit" id="sendBtn" value="submit">
  232. Send
  233. </button>
  234. </a>
  235. </form>
  236.  
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. /#modal -->
  242.   <!-- State Change -->
  243.   <script>
  244.   $('input[name="my-checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) {
  245.   console.log(this); // DOM element
  246.   console.log(event); // jQuery event
  247.   console.log(state); // true | false
  248. });
  249.   </script>
  250.   <!-- jQuery -->
  251.   <script src="js/jquery.js">
  252.   </script>
  253.  
  254.   <!-- Bootstrap Core JavaScript -->
  255.   <script src="js/bootstrap.min.js">
  256.   </script>
  257.   <!-- Bootstrap Switch -->
  258.   <script src="js/plugins/bootstrap-switch/highlight.js">
  259.   </script>
  260.   <script src="js/plugins/bootstrap-switch/bootstrap-switch.js">
  261.   </script>
  262.   <script src="js/plugins/bootstrap-switch/main.js">
  263.   </script>
  264.   </body>
  265.  
  266. </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!