Changeset 22715 for trunk/admin/themes/default/template/history.tpl

Timestamp:

May 17, 2013, 1:07:42 PM (11 years ago)

Author:

plg

Message:

feature 2885: only display Google Map on a click

File:

• trunk/admin/themes/default/template/history.tpl (modified) (3 diffs)

trunk/admin/themes/default/template/history.tpl

@@ -139 +139 @@
 
 {footer_script}{literal}
-jQuery(document).ready( function(){
 jQuery(".IP").one( "mouseenter", function(){
         var that = $(this);
@@ -149 +148 @@
         GeoIp.get( that.text(), function(data) {
                 if (!data.fullName) return;
-                var content = data.fullName;
-                if (data.latitude && data.region_name) {
-                        content += "<br><img width=300 height=220 src=\"http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=300x220&zoom=6"
-                                + "&markers=size:tiny%7C" + data.latitude + "," + data.longitude
-                                + "\">";
-                }
+
+    var content = data.fullName;
+    if (data.latitude && data.region_name) {
+      content += '<br><a class="ipGeoOpen" data-lat="'+data.latitude+'" data-lon="'+data.longitude+'"';
+      content += ' href="#">show on a Google Map</a>';
+    }
+
                 that.tipTip( {
                         content: content,
-                        maxWidth: 320
+      keepAlive: true,
+      defaultPosition: "right",
+      maxWidth: 320,
                         }       );
                 if (that.data("isOver"))
@@ -163 +165 @@
         });
 } );
+
+jQuery(document).on('click', '.ipGeoOpen',  function() {
+  var lat = jQuery(this).data("lat");
+  var lon = jQuery(this).data("lon");
+  var parent = jQuery(this).parent();
+  jQuery(this).remove();
+
+  var append = '<br><img width=300 height=220 src="http://maps.googleapis.com/maps/api/staticmap';
+  append += '?sensor=false&size=300x220&zoom=6&markers=size:tiny%7C' + lat + ',' + lon + '">';
+
+  jQuery(parent).append(append);
+  return false;
 });
 {/literal}{/footer_script}