Team:Goettingen/suplement/scripts

From 2013.igem.org

(Difference between revisions)
m
m
Line 55: Line 55:
{
{
clearTimeout(timer);
clearTimeout(timer);
-
document.getElementById("write").innerHTML = "stopped";
+
//document.getElementById("write").innerHTML = "stopped";
$("#pause").hide();
$("#pause").hide();
$("#resume").show();
$("#resume").show();

Revision as of 13:17, 11 June 2013

//universal

 $(".f-larger").click(function(){
   $("p").css("font-size","14pt");
 });
 $(".f-smaller").click(function(){
   $("p").css("font-size","12pt");
 });
 $(".f-medium").click(function(){
   $("p").css("font-size","13pt");
 });

function proFlyout(which){ var x="."+which,y=".f-"+which,z="#id-"+which,w = 'id-' + which; var left = document.getElementsByClassName(which)[0].offsetLeft - document.getElementById('id-' + which).offsetParent.firstElementChild.offsetLeft - 4; $(z).mouseenter(function(){ $(y).fadeIn("fast"); var test; document.getElementsByClassName('f-'+which)[0].style.left = left + 'px'; //alert(document.getElementsByClassName('f-'+which)[0].style.left); $(x).addClass("deact"); }); $(z).mouseleave(function(){$(x).removeClass("deact");$(y).hide();}); };

//4 slides


function fadeInOut() { $("#slide").fadeOut(300,function(){ i++; document.getElementById("slide").src=e[i]; //document.getElementById("write").innerHTML = "slide: " + i; $("#slide").fadeIn(300,slide_ctrl()); });

}



function starttimer() {

//document.getElementById("slide").src=e[i]; fadeInOut(); //header_dots(); $("#resume").hide(); $("#stop").show(); if(i >= 3) i = 0; timer = setTimeout("starttimer()",5000); };


function stoptimer() { clearTimeout(timer); //document.getElementById("write").innerHTML = "stopped"; $("#pause").hide(); $("#resume").show(); }

function go2right(){ stoptimer(); starttimer(); }

function slide_ctrl(){

   var x = 0;

var text = '<img src="Goe-left.png" alt="previous" id="left" onclick="go2left()" />'; for(x=0;x<=2;x++){ if (x==(i-1)) { text += '<img src="Goe-this.png" />' ;} else { text += '<img src="Goe-notThis.png" onclick="i = ' + x + ';stoptimer(); starttimer()" />';} }; text += '<img src="Goe-right.png" alt="next" id="right" onclick="go2right()" />'; text += '<img src="Goe-pause.png" alt="pause" id="pause" onclick="stoptimer()" /><img src="Goe-resume.png" alt="resume" id="resume" onclick="starttimer()" style="display:none" />'; //else {text += ;} //alert(timer > 0); document.getElementById("slide-ctrl").innerHTML = text; }

function go2left(){ stoptimer(); if (i == 0) i = 3; i = i - 2; if (i < 0) i =2; starttimer(); }