Adding modal window example file

bjorn2404 · bjorn2404 · commit 817622d24785 · 2012-03-25T15:53:20.000-05:00
diff --git a/js/jquery.storelocator.js b/js/jquery.storelocator.js
@@ -21,8 +21,8 @@ $.fn.storeLocator = function(options) {
       'listColor1'    : 'ffffff',
       'listColor2'    : 'eeeeee',
       'bounceMarker'  : true,
-      'slideMap'      : false,
-      'modalWindow'   : true
+      'slideMap'      : true,
+      'modalWindow'   : false
   }, options);
 
   return this.each(function() {
diff --git a/js/jquery.storelocator.min.js b/js/jquery.storelocator.min.js
diff --git a/modal-example.html b/modal-example.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Map Example 2 - Modal Window</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" type="text/css" href="css/map.css" />
+  </head>
+
+  <body>
+    
+    <div id="store-locator-container">
+      <div id="page-header">
+        <h1>Using Chipotle as an Example</h1>
+        <p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality. 
+        You can use just the city as the address - ex: Edina, MN.</p>
+      </div>
+      
+      <div id="form-container">
+        <form id="user-location" method="post" action="#">
+            <div id="form-input">
+              <label for="address">Enter Address or Zip Code:</label>
+              <input type="text" id="address" name="address" />
+             </div>
+            
+            <div id="submit-btn"><input type="image" id="submit" name="submit" src="images/submit.jpg" alt="Submit" /></div>
+        </form>
+      </div>
+
+      <div id="map-container">
+        <div id="loc-list">
+            <ul id="list"></ul>
+        </div>
+        <div id="map"></div>
+      </div>
+    </div>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="js/jquery.storelocator.js"></script>
+      <script>
+        $(function() {
+          $('#map-container').storeLocator({'slideMap': false, 'modalWindow': true});
+        });
+      </script>
+
+  </body>
+</html>
