hotline #60761 item localization map now responsive

VERSIONS_HOTLINE/60761

+ - ticket #60761 : VYVS : le plan de localisation d'un exemplaire est maintenant responsive
\ No newline at end of file

public/opac/js/recherche.js

@@ -151,11 +151,11 @@ function localisationExemplaire(localization_img, url) {
 		return; 
 	      }
 
-	      var admin_slimbox_border_size = 10;
-	      var point_localization = $('<div style="position:absolute;z-index:10000;cursor:pointer"><img src="' + data.animation + '"></div>');
+	      var admin_slimbox_border_size = 9;
+	      var top = data.posY-admin_slimbox_border_size;
+	      var left = data.posX-admin_slimbox_border_size;
+	      var point_localization = $('<div style="position:absolute;z-index:10000;cursor:pointer" data-top="' + top + '" data-left="' + left + '" ><img src="' + data.animation + '"></div>');
 	      point_localization
-		.css('top', (data.posY-admin_slimbox_border_size) + 'px')
-		.css('left', (data.posX-admin_slimbox_border_size) + 'px')
 		.click(function(){ 
 		  localisationBulle(localization_img,
 				    data.libelle,
@@ -164,6 +164,15 @@ function localisationExemplaire(localization_img, url) {
 		});
 
 
+	      var placePointLocalization = function() {
+		var img = $('#jb-window-content').children('img');
+		var scale = img[0].height / img[0].naturalHeight;
+		point_localization
+		  .css('top', Math.round(point_localization.attr('data-top') * scale) + 'px')
+		  .css('left', Math.round(point_localization.attr('data-left') * scale) + 'px');
+	      }
+
+
 	      var plan = $('<a href="'+data.url+'" title="'+data.description+'"><img id="img_plan" src="'+data.url+'"></a>');
 	      $('body').append(plan);
 	      
@@ -173,9 +182,11 @@ function localisationExemplaire(localization_img, url) {
 		  plan.remove();
 		  restore_localization_img(); 
 		},
+		callbackPostResize: placePointLocalization,
 		callbackPostOpen: function() {
 		  $('#jb-window-content')
 		    .append(point_localization);
+		  placePointLocalization();
 		},
 		collapseHeightWhenPossible: false,
 		closeButton: false,