Team:XMU Software/js

From 2013.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
var timeout        = 500;
+
function movetotop(){
-
var closetimer = 0;
+
h = window.innerHeight-180;
-
var ddmenuitem      = 0;
+
t = $("#xmu_body").scrollTop();
-
function jsddm_open(){
+
if(t > h){
-
jsddm_canceltimer();
+
$('#team_navi6').show();
-
jsddm_close();
+
$('#notebook_navi5').show();
-
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
+
$('#safety_navi3').show();
-
function jsddm_close(){
+
$('#project_navi6').show();
-
if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
+
$('#outreach6').show();
 +
}else{
 +
$('#team_navi6').hide();
 +
$('#notebook_navi5').hide();
 +
$('#safety_navi3').hide();
 +
$('#project_navi6').hide();
 +
$('#outreach6').hide();
 +
}
}
}
-
function jsddm_timer(){
+
$(document).ready(function(e) {
-
closetimer = window.setTimeout(jsddm_close, timeout);
+
movetotop();
 +
$('#team_navi6').click(function(){
 +
$("#xmu_body").scrollTop(0);
 +
})
 +
movetotop();
 +
$('#notebook_navi5').click(function(){
 +
$("#xmu_body").scrollTop(0);
 +
})
 +
movetotop();
 +
$('#outreach6').click(function(){
 +
$("#xmu_body").scrollTop(0);
 +
})
 +
movetotop();
 +
$('#project_navi6').click(function(){
 +
$("#xmu_body").scrollTop(0);
 +
})
 +
movetotop();
 +
$('#safety_navi3').click(function(){
 +
$("#xmu_body").scrollTop(0);
 +
})
 +
});
 +
function navi1(){
 +
document.getElementById("team_navi1").style.background="#ffd200";
 +
document.getElementById("notebook_navi1").style.background="#ffd200";
 +
document.getElementById("outreach1").style.background="#ffd200";
 +
document.getElementById("project_navi1").style.background="#ffd200";
 +
document.getElementById("safety_navi1").style.background="#ffd200";
}
}
-
function jsddm_canceltimer(){
+
function navi11(){
-
if(closetimer){
+
document.getElementById("team_navi1").style.background="#b3d465";
-
window.clearTimeout(closetimer);
+
document.getElementById("notebook_navi1").style.background="#b3d465";
-
closetimer = null;
+
document.getElementById("outreach1").style.background="#b3d465";
-
}
+
document.getElementById("project_navi1").style.background="#b3d465";
 +
document.getElementById("safety_navi1").style.background="#b3d465";
 +
}
 +
function navi2(){
 +
document.getElementById("team_navi2").style.background="#ffd200";
 +
document.getElementById("notebook_navi2").style.background="#ffd200";
 +
document.getElementById("outreach2").style.background="#ffd200";
 +
document.getElementById("project_navi2").style.background="#ffd200";
 +
document.getElementById("safety_navi2").style.background="#ffd200";
 +
}
 +
function navi21(){
 +
document.getElementById("team_navi2").style.background="#b3d465";
 +
document.getElementById("notebook_navi2").style.background="#b3d465";
 +
document.getElementById("outreach2").style.background="#b3d465";
 +
document.getElementById("project_navi2").style.background="#b3d465";
 +
document.getElementById("safety_navi2").style.background="#b3d465";
 +
}
 +
function navi3(){
 +
document.getElementById("team_navi3").style.background="#ffd200";
 +
document.getElementById("notebook_navi3").style.background="#ffd200";
 +
document.getElementById("outreach3").style.background="#ffd200";
 +
document.getElementById("project_navi3").style.background="#ffd200";
 +
document.getElementById("safety_navi3").style.background="#ffd200";
 +
}
 +
function navi31(){
 +
document.getElementById("team_navi3").style.background="#b3d465";
 +
document.getElementById("notebook_navi3").style.background="#b3d465";
 +
document.getElementById("outreach3").style.background="#b3d465";
 +
document.getElementById("project_navi3").style.background="#b3d465";
 +
document.getElementById("safety_navi3").style.background="#b3d465";
 +
}
 +
function navi4(){
 +
document.getElementById("team_navi4").style.background="#ffd200";
 +
document.getElementById("outreach4").style.background="#ffd200";
 +
document.getElementById("project_navi4").style.background="#ffd200";
 +
document.getElementById("notebook_navi4").style.background="#ffd200";
 +
}
 +
function navi41(){
 +
document.getElementById("team_navi4").style.background="#b3d465";
 +
document.getElementById("outreach4").style.background="#b3d465";
 +
document.getElementById("project_navi4").style.background="#b3d465";
 +
document.getElementById("notebook_navi4").style.background="#b3d465";
 +
}
 +
function navi5(){
 +
document.getElementById("team_navi5").style.background="#ffd200";
 +
document.getElementById("outreach5").style.background="#ffd200";
 +
document.getElementById("project_navi5").style.background="#ffd200";
 +
document.getElementById("notebook_navi5").style.background="#ffd200";
 +
}
 +
function navi51(){
 +
document.getElementById("team_navi5").style.background="#b3d465";
 +
document.getElementById("outreach5").style.background="#b3d465";
 +
document.getElementById("project_navi5").style.background="#b3d465";
 +
document.getElementById("notebook_navi5").style.background="#b3d465";
 +
}
 +
function navi6(){
 +
document.getElementById("project_navi6").style.background="#ffd200";
 +
document.getElementById("outreach6").style.background="#ffd200";
 +
document.getElementById("team_navi6").style.background="#ffd200";
 +
}
 +
function navi61(){
 +
document.getElementById("project_navi6").style.background="#b3d465";
 +
document.getElementById("outreach6").style.background="#b3d465";
 +
document.getElementById("team_navi6").style.background="#b3d465";
}
}
-
$(document).ready(function(){
 
-
$('#jsddm > li').bind('mouseover', jsddm_open);
 
-
$('#jsddm > li').bind('mouseout',  jsddm_timer);
 
-
})
 
-
document.onclick = jsddm_close;
 

Latest revision as of 01:37, 27 October 2013

function movetotop(){ h = window.innerHeight-180; t = $("#xmu_body").scrollTop(); if(t > h){ $('#team_navi6').show(); $('#notebook_navi5').show(); $('#safety_navi3').show(); $('#project_navi6').show(); $('#outreach6').show(); }else{ $('#team_navi6').hide(); $('#notebook_navi5').hide(); $('#safety_navi3').hide(); $('#project_navi6').hide(); $('#outreach6').hide(); } } $(document).ready(function(e) { movetotop(); $('#team_navi6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#notebook_navi5').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#outreach6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#project_navi6').click(function(){ $("#xmu_body").scrollTop(0); }) movetotop(); $('#safety_navi3').click(function(){ $("#xmu_body").scrollTop(0); }) }); function navi1(){ document.getElementById("team_navi1").style.background="#ffd200"; document.getElementById("notebook_navi1").style.background="#ffd200"; document.getElementById("outreach1").style.background="#ffd200"; document.getElementById("project_navi1").style.background="#ffd200"; document.getElementById("safety_navi1").style.background="#ffd200"; } function navi11(){ document.getElementById("team_navi1").style.background="#b3d465"; document.getElementById("notebook_navi1").style.background="#b3d465"; document.getElementById("outreach1").style.background="#b3d465"; document.getElementById("project_navi1").style.background="#b3d465"; document.getElementById("safety_navi1").style.background="#b3d465"; } function navi2(){ document.getElementById("team_navi2").style.background="#ffd200"; document.getElementById("notebook_navi2").style.background="#ffd200"; document.getElementById("outreach2").style.background="#ffd200"; document.getElementById("project_navi2").style.background="#ffd200"; document.getElementById("safety_navi2").style.background="#ffd200"; } function navi21(){ document.getElementById("team_navi2").style.background="#b3d465"; document.getElementById("notebook_navi2").style.background="#b3d465"; document.getElementById("outreach2").style.background="#b3d465"; document.getElementById("project_navi2").style.background="#b3d465"; document.getElementById("safety_navi2").style.background="#b3d465"; } function navi3(){ document.getElementById("team_navi3").style.background="#ffd200"; document.getElementById("notebook_navi3").style.background="#ffd200"; document.getElementById("outreach3").style.background="#ffd200"; document.getElementById("project_navi3").style.background="#ffd200"; document.getElementById("safety_navi3").style.background="#ffd200"; } function navi31(){ document.getElementById("team_navi3").style.background="#b3d465"; document.getElementById("notebook_navi3").style.background="#b3d465"; document.getElementById("outreach3").style.background="#b3d465"; document.getElementById("project_navi3").style.background="#b3d465"; document.getElementById("safety_navi3").style.background="#b3d465"; } function navi4(){ document.getElementById("team_navi4").style.background="#ffd200"; document.getElementById("outreach4").style.background="#ffd200"; document.getElementById("project_navi4").style.background="#ffd200"; document.getElementById("notebook_navi4").style.background="#ffd200"; } function navi41(){ document.getElementById("team_navi4").style.background="#b3d465"; document.getElementById("outreach4").style.background="#b3d465"; document.getElementById("project_navi4").style.background="#b3d465"; document.getElementById("notebook_navi4").style.background="#b3d465"; } function navi5(){ document.getElementById("team_navi5").style.background="#ffd200"; document.getElementById("outreach5").style.background="#ffd200"; document.getElementById("project_navi5").style.background="#ffd200"; document.getElementById("notebook_navi5").style.background="#ffd200"; } function navi51(){ document.getElementById("team_navi5").style.background="#b3d465"; document.getElementById("outreach5").style.background="#b3d465"; document.getElementById("project_navi5").style.background="#b3d465"; document.getElementById("notebook_navi5").style.background="#b3d465"; } function navi6(){ document.getElementById("project_navi6").style.background="#ffd200"; document.getElementById("outreach6").style.background="#ffd200"; document.getElementById("team_navi6").style.background="#ffd200"; } function navi61(){ document.getElementById("project_navi6").style.background="#b3d465"; document.getElementById("outreach6").style.background="#b3d465"; document.getElementById("team_navi6").style.background="#b3d465"; }