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

Line 32: Line 32:
 
}
 
}
 
}
 
}
 +
  
  
Line 268: Line 269:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
(function($,w,d){
+
$(document).ready(function(){
  
 +
// 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>
Line 314: Line 283:
  
 
<h1> Our collaborations in Europe </h1>
 
<h1> Our collaborations in Europe </h1>
−
<article>
+
 
 
<!-- CSSMap - Europe -->
 
<!-- CSSMap - Europe -->
 
<div id="map-europe">
 
<div id="map-europe">
Line 330: Line 299:
 
   <li class="eu11"><a href="#denmark">Denmark</a></li>
 
   <li class="eu11"><a href="#denmark">Denmark</a></li>
 
   <li class="eu12"><a href="#estonia">Estonia</a></li>
 
   <li class="eu12"><a href="#estonia">Estonia</a></li>
−
   <li class="eu13"><a href="#France">France</a></li>
+
   <li class="eu13"><a href="#france">France</a></li>
 
   <li class="eu14"><a href="#finland">Finland</a></li>
 
   <li class="eu14"><a href="#finland">Finland</a></li>
 
   <li class="eu15"><a href="#georgia">Georgia</a></li>
 
   <li class="eu15"><a href="#georgia">Georgia</a></li>
Line 375: Line 344:
 
</div>
 
</div>
 
<!-- END OF THE CSSMap - Europe -->
 
<!-- END OF THE CSSMap - Europe -->
−
</article>
 
−
 
−
 
 
</html>
 
</html>
 
{{Sorbonne_U_Paris/Footer}}
 
{{Sorbonne_U_Paris/Footer}}

Revision as of 14:13, 24 July 2018

Our collaborations in Europe