Difference between revisions of "Team:Sorbonne U Paris/Collaborations"

(changement du script)
Line 269: Line 269:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
$(document).ready(function(){
+
(function($,w,d){
  
// CSSMap;
 
$("#map-europe").CSSMap({
 
  "size": 1450
 
});
 
// END OF THE CSSMap;
 
  
});
+
 
 +
      var mapObject = $("#map-europe"), // SET YOUR MAP'S OBJECT;
 +
          numberTag = "B", // SET HTML WRAPPER OF THE NUMBER;
 +
          setNumbers = function(region){
 +
            var getLink = region.querySelector("A"),
 +
                getNumber = region.querySelector(numberTag),
 +
                leftPosition = $(getLink).position().left,
 +
                topPosition = $(getLink).position().top,
 +
                numberMarginTop = Math.floor($(getNumber).outerHeight()/-2),
 +
                numberMarginLeft = Math.floor($(getNumber).outerWidth()/-2),
 +
                setPosition = {
 +
                  left: leftPosition + "px",
 +
                  marginLeft: numberMarginLeft + "px",
 +
                  marginTop: numberMarginTop + "px",
 +
                  position: "absolute",
 +
                  top: topPosition + "px",
 +
                  zIndex: 88 // MOST IMPORTANT HERE;
 +
                };
 +
 
 +
            $(getNumber).css(setPosition);
 +
          }; // END setNumbers(region);
 +
 
 +
      mapObject.CSSMap({
 +
        size: 1450,
 +
     
 +
 
 +
        onLoad: function(e){
 +
          var getItems = e.find("LI");
 +
 
 +
          for(var i=0, region; region = getItems[i]; i++){
 +
            setNumbers(region);
 +
          } // END for(getItems[i]);
 +
 
 +
        } // END onLoad(e);
 +
      });
 +
 
 +
    })(jQuery,window,document);
 
</script>
 
</script>
  

Revision as of 14:14, 24 July 2018

Our collaborations in Europe