Difference between revisions of "Template:Team:DTU-Denmark/index.html"

Line 11: Line 11:
 
         <!-- Bootstrap theme stylesheet -->
 
         <!-- Bootstrap theme stylesheet -->
 
         <link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/bootstrap-theme?action=raw&ctype=text/css" type="text/css">
 
         <link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/bootstrap-theme?action=raw&ctype=text/css" type="text/css">
−
         <!-- Bootstrap js-->
+
         <!-- Bootstrap js
−
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"></script>
+
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"></script>-->
 
          
 
          
 
         <!-- Movile navigation stylesheet, include default and components, source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ -->
 
         <!-- Movile navigation stylesheet, include default and components, source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ -->
Line 20: Line 20:
 
          
 
          
 
         <!-- Javascripts -->
 
         <!-- Javascripts -->
−
         <!-- Hover -->
+
         <!-- Hover  
−
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/hover-js?action=raw&ctype=text/javascript"></script>  
+
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/hover-js?action=raw&ctype=text/javascript"></script> -->
 
         <!-- Navigationtion, Add to subbar visibility when hovering  
 
         <!-- Navigationtion, Add to subbar visibility when hovering  
 
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/nav-js?action=raw&ctype=text/javascript"></script> -->
 
         <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/nav-js?action=raw&ctype=text/javascript"></script> -->
Line 660: Line 660:
 
}
 
}
  
−
// Open sub menue
+
// Open sub menue function
 
var open_sub = function(cName){
 
var open_sub = function(cName){
 
var navig = cName
 
var navig = cName
Line 673: Line 673:
 
}
 
}
  
−
// Open sub menues
+
// open submenues on hover with delay
−
// $(document).ready(window.onmouseover = function(e) {
+
var timer;
−
// var cName = e.target.className
+
var delay = 400;
−
// open_sub(cName)
+
$(window).hover( function(event) {
−
// });
+
// on mouse in, start a timeout
 +
timer = setTimeout(function(){
 +
var cName = event.target.className
 +
open_sub(cName)
 +
}, delay);
  
−
$(document).ready(window.onmouseover = function(e) {
+
}, function() {
−
var cName = e.target.className
+
    // on mouse out, cancel the timer
−
open_sub(cName)
+
    clearTimeout(timer);
 
});
 
});
 +
  
 
// Header menue function on tuch screen
 
// Header menue function on tuch screen

Revision as of 08:06, 12 August 2016

New HTML template for the wiki