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

Line 258: Line 258:
  
  
−
 
−
 
−
 
−
    <!-- jQuery -->
 
−
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 
−
 
−
    <!-- CSSMap SCRIPT -->
 
−
    <script type="text/javascript" src="https://cssmapsplugin.com/5/jquery.cssmap.min.js"></script>
 
−
 
−
 
−
<script type="text/javascript">
 
−
(function($,w,d){
 
−
 
−
 
−
 
−
      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>
 
  
  
Line 374: Line 323:
 
</div>
 
</div>
 
<!-- END OF THE CSSMap - Europe -->
 
<!-- END OF THE CSSMap - Europe -->
 +
 +
 +
 +
    <!-- jQuery -->
 +
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 +
 +
    <!-- CSSMap SCRIPT -->
 +
    <script type="text/javascript" src="https://cssmapsplugin.com/5/jquery.cssmap.min.js"></script>
 +
 +
 +
<script type="text/javascript">
 +
(function($,w,d){
 +
 +
 +
 +
      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>
 +
 +
 +
 
</html>
 
</html>
 
{{Sorbonne_U_Paris/Footer}}
 
{{Sorbonne_U_Paris/Footer}}

Revision as of 14:16, 24 July 2018

Our collaborations in Europe