add id long lat content

user/themes/r2c/js/script.js

@@ -22,7 +22,6 @@ function clickhand(){
 };
 
 function drag() {
-
   var $hand1 = $( ".hand1" );
   var $hand2 = $( ".hand2" );
 
@@ -98,7 +97,7 @@ function drag() {
           "top": yPos2 + 2,
         });
 
-        $links.css({
+        $stmp.css({
           "width": xPos,
           "top": yPos2 + 2,
         });
@@ -107,7 +106,7 @@ function drag() {
           "width": Bw2,
         });
 
-        $stmp.css({
+        $links.css({
           "width": Dw3,
         });
     }
@@ -169,27 +168,48 @@ function drag() {
           // "width": xPos,
           "height": yPos - 2,
         });
+
         $itw.css({
           "width": Bw2,
           "height": yPos - 2,
         });
+
         $img.css({
           "width": xPos3,
           "height": yPos - 2,
         });
+
         $bottom.css({
           "top": yPos2 + 2,
-        })
+        });
+
         $rs.css({
           "width": Bw2,
         });
-        $stmp.css({
+
+        $links.css({
           "width": xPos3,
         });
     }
   });
 };
 
+function dragcanvas() {
+  var $links = $('#links canvas');
+  var $reseau = $('#reseaux-sociaux svg')
+
+  $links.draggable({
+      // containment:".bottom",
+    scroll: false
+  });
+
+  $reseau.draggable({
+      // containment:".bottom",
+    scroll: false
+  });
+
+}
+
 function map() {
   var mymap = L.map('mapid').setView([51.505, -0.09], 13);
 
@@ -201,39 +221,13 @@ function map() {
 		id: 'mapbox.streets'
 	}).addTo(mymap);
 
-	L.marker([51.5, -0.09]).addTo(mymap)
-		.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
-
-	L.circle([51.508, -0.11], 500, {
-		color: 'red',
-		fillColor: '#f03',
-		fillOpacity: 0.5
-	}).addTo(mymap).bindPopup("I am a circle.");
-
-	L.polygon([
-		[51.509, -0.08],
-		[51.503, -0.06],
-		[51.51, -0.047]
-	]).addTo(mymap).bindPopup("I am a polygon.");
-
-
-	var popup = L.popup();
-
-	function onMapClick(e) {
-		popup
-			.setLatLng(e.latlng)
-			.setContent("You clicked the map at " + e.latlng.toString())
-			.openOn(mymap);
-	}
-
-	mymap.on('click', onMapClick);
-
 }
 
 $(document).ready(function() {
   wrap();
   map();
-  // scrollbar();
+  dragcanvas();
   clickhand();
   drag();
+  // scrollbar();
 });