Template:Team:Hannover/main.tmpl

From 2014.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<script src="/Team:Hannover/jquery-1.11.0.min?action=raw&amp;type=text/javascript" type="text/javascript"></script>
 +
<script src="/Team:Hannover/lightbox.min?action=raw&amp;type=text/javascript" type="text/javascript"></script>
 +
</head>
<body>
<body>
-
<div id="main_box">
+
<div id="banner">
-
              <div id="banner"><a style="display:block; height:100%"><a href="https://2014.igem.org/Team:Hannover"></a>  
+
<a style="display:block; height:100%">
-
      </div>
+
<a href="https://2014.igem.org/Team:Hannover"></a>
 +
</div>
-
<div id="main_menue">
+
<script type='text/javascript'>
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Main_Page"style="color:#000000">
+
function annotate_all() {
-
    <img src="https://static.igem.org/mediawiki/2014/6/6b/Hannover_20140817_Button_igem.png" style="margin:0 10px 0 10px;         
+
// Move all annotations to the height of the referred element.
-
          height="40px";width="40px"></a>
+
$( ".annotation" ).each(function(elem) {
-
  </div>
+
  var thise = $(this);
 +
  var e = thise.attr('ref');
 +
  var reff = $('#' + e);
 +
  if (reff) {
 +
    var apos = thise.offset();
 +
    var rpos = reff.offset();
 +
    var opos = thise.position();
 +
    opos.top = opos.top - apos.top + rpos.top - 10;
 +
    thise.css({
 +
       'vi' : 'absolute' ,
 +
      'top' : opos.top,
 +
      'left' : opos.left,
 +
      'visibility' : 'visible'
 +
    });
 +
  }
 +
});
 +
}
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover"style="color:#000000">
 
-
    <p class="text_button"><font color="#f58800">Home</font></p></a>
 
-
          </div>
 
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Team"style="color:#000000">
+
function preload(arrayOfImages) {
-
    <p class="text_button"><font color="#f58800">Team</font></p></a>
+
    $(arrayOfImages).each(function(){
-
          </div>
+
        (new Image()).src = this;
-
 
+
    });
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Project"style="color:#000000">
+
}
-
    <p class="text_button"><font color="#f58800">Project</font></p></a>
+
-
          </div>
+
-
<!-- kommt unter Projekt
+
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Parts"style="color:#000000">
+
-
    <p class="text_button"><font color="#f58800">Parts</font></p></a>
+
-
          </div>
+
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Modeling"style="color:#000000">
+
function preload_menu() {
-
    <p class="text_button"><font color="#f58800">Modeling</font></p></a>
+
  // Preload images..
-
          </div>
+
  preload([
 +
    'https://static.igem.org/mediawiki/2014/8/88/Hannover_20140901_MENU-HUMAN-PRACTICE.gif',
 +
    'https://static.igem.org/mediawiki/2014/3/3d/Hannover_20140901_MENU-TEAM.gif',
 +
    'https://static.igem.org/mediawiki/2014/7/7d/Hannover_20140901_MENU-PROJECT.gif',
 +
    'https://static.igem.org/mediawiki/2014/c/cd/Hannover_20140901_MENU-HOME.gif'
 +
  ]);
 +
}
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Notebook"style="color:#000000">
+
$( document ).ready( annotate_all );
-
    <p class="text_button"><font color="#f58800">Notebook</font></p></a>
+
$( window ).resize( annotate_all );
-
          </div>
+
$( document ).ready( preload_menu );
-
-->
+
</script>
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover/Safety"style="color:#000000">
+
-
    <p class="text_button"><font color="#f58800">Human Practice</font></p></a>
+
-
          </div>
+
-
<!-- noch keine Verwendung für
+
-
          <div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover//Attributions"style="color:#000000">
+
-
    <p class="text_button"><font color="#f58800">Attributions</font></p></a>
+
-
          </div>
+
-
-->
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 13:49, 1 October 2014