Reword the noscript section a bit.

[rails.git] / app / views / diary_entry / new.rhtml

diff --git a/app/views/diary_entry/new.rhtml b/app/views/diary_entry/new.rhtml
index 7ee1eeaede5f1d6991583bd7547ad7c685333986..0a5203a66053ce49f2e5c8eaf9f62974c6efa982 100644 (file)
--- a/app/views/diary_entry/new.rhtml
+++ b/app/views/diary_entry/new.rhtml
@@ -11,10 +11,13 @@
       <td><%= f.text_area :body, :cols => 80 %></td>
     </tr>
     <tr valign="top">
       <td><%= f.text_area :body, :cols => 80 %></td>
     </tr>
     <tr valign="top">

-           <th>Location</th>
-           <td><a name="map"></a><div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 300px; display: none;"></div>
-                 <span class="location">Latitude: <%= f.text_field :latitude, :size => 20, :id => "latitude" %> Longitude: <%= f.text_field :longitude, :size => 20, :id => "longitude" %></span> <a href="#map" id="usemap" onclick="document.getElementById('map').style.display = 'block'; document.getElementById('usemap').style.display = 'none';">use map</a> </td>
-         </tr>
+      <th>Location</th>
+      <td>
+        <div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 400px; display: none;"></div>
+        <span class="location">Latitude: <%= f.text_field :latitude, :size => 20, :id => "latitude" %> Longitude: <%= f.text_field :longitude, :size => 20, :id => "longitude" %></span>
+        <a href="javascript:openMap()" id="usemap">use map</a>
+      </td>
+    </tr>

     <tr>
       <th></th>
       <td><%= submit_tag 'Save' %></td>
     <tr>
       <th></th>
       <td><%= submit_tag 'Save' %></td>


@@ -40,13 +43,13 @@
   <!--
   var marker;
 
   <!--
   var marker;
 

-  function init(){
-    var centre = lonLatToMercator(new OpenLayers.LonLat(<%= lon %>, <%= lat %>));
+  function init() {
+    var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);

     var zoom = <%= zoom %>;
 
     var map = createMap("map");
 
     var zoom = <%= zoom %>;
 
     var map = createMap("map");
 

-    map.setCenter(centre, zoom);
+    setMapCenter(centre, zoom);

 
     map.events.register("click", map, setLocation);
   }        
 
     map.events.register("click", map, setLocation);
   }        


@@ -54,8 +57,7 @@
   function setLocation( e ) { 
     closeMapPopup();
 
   function setLocation( e ) { 
     closeMapPopup();
 

-    var merc = map.getLonLatFromViewPortPx(e.xy);
-    var lonlat = mercatorToLonLat(merc);
+    var lonlat = getEventPosition(e);

 
     document.getElementById('latitude').value = lonlat.lat;
     document.getElementById('longitude').value = lonlat.lon;
 
     document.getElementById('latitude').value = lonlat.lat;
     document.getElementById('longitude').value = lonlat.lon;


@@ -64,7 +66,12 @@
       removeMarkerFromMap(marker);
     }
 
       removeMarkerFromMap(marker);
     }
 

-    marker = addMarkerToMap(merc, null, "Diary entry location");
+    marker = addMarkerToMap(lonlat, null, "Diary entry location");
+  }
+
+  function openMap() {
+    $("map").style.display = "block";
+    $("usemap").style.display = "none";

   }
 
   window.onload = init;
   }
 
   window.onload = init;