Team:Goettingen/suplement/scripts

From 2013.igem.org

(Difference between revisions)
m
m
Line 4: Line 4:
var par = ob.parentElement;
var par = ob.parentElement;
 +
 +
//alert(sib);
sib.style.top = calDefTop(par) + par.clientHeight + 'px';
sib.style.top = calDefTop(par) + par.clientHeight + 'px';
sib.style.left = ob.offsetLeft + 'px';
sib.style.left = ob.offsetLeft + 'px';
Line 28: Line 30:
{
{
$("#slide").fadeOut(300,function(){
$("#slide").fadeOut(300,function(){
-
alert(i);
+
//alert(i);
document.getElementById("slide").src=e[i];
document.getElementById("slide").src=e[i];
document.getElementById("slide-a").href = link[i];
document.getElementById("slide-a").href = link[i];
-
i = i + 1;
+
i++;
$("#slide").fadeIn(300,slide_ctrl());
$("#slide").fadeIn(300,slide_ctrl());
});
});
Line 125: Line 127:
   });
   });
     ob1 = document.getElementById('col-left');
     ob1 = document.getElementById('col-left');
-
     // rTop = 307;
+
     rTop = 307;
     //window.setInterval('fixedpo()',20);
     //window.setInterval('fixedpo()',20);
})
})

Revision as of 12:42, 25 June 2013

function showDro(ob){

var sib = ob.nextElementSibling || getNextElementSibling(ob); var par = ob.parentElement;


//alert(sib); sib.style.top = calDefTop(par) + par.clientHeight + 'px'; sib.style.left = ob.offsetLeft + 'px';

sib.style.display = 'block'; ob.style.backgroundColor = '#8f0000';ob.style.color = 'white'; sib.onmouseover = function(){sib.style.display = 'block';ob.style.backgroundColor = '#8f0000';ob.style.color = 'white';} sib.onmouseout = function(){sib.style.display = 'none';ob.style.backgroundColor =;ob.style.color = ;} ob.onmouseout = function(){sib.style.display = 'none';ob.style.backgroundColor =;ob.style.color = ;}


}

function getOrgStyle(ob){ var bkgc = window.getComputedStyle(ob,null).backgroundColor; var color = window.getComputedStyle(ob,null).color; var elm = {'backgroundColor':bkgc,'color':color} return elm; }

//4 slides

function fadeInOut() { $("#slide").fadeOut(300,function(){ //alert(i); document.getElementById("slide").src=e[i]; document.getElementById("slide-a").href = link[i]; i++; $("#slide").fadeIn(300,slide_ctrl()); });

}



function startslide() {

fadeInOut(); $("#resume").hide(); $("#stop").show(); if(i >= 3) i = 0; timer = setTimeout("startslide()",5000); };


function stopslide() { clearTimeout(timer); $("#pause").hide(); $("#resume").show(); }

function go2right(){ fadeInOut(); }

function slide_ctrl(){

   var x = 0;

var text = ''; 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 + ';stopslide(); startslide()" />';} }; text += ''; text += '<img src="Goe-pause.png" alt="pause" id="pause" onclick="stopslide()" /><img src="Goe-resume.png" alt="resume" id="resume" onclick="startslide()" style="display:none" />';

document.getElementById("slide-ctrl").innerHTML = text; }

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

var ob1; var rTop = 0;

function fixedpo() { var sTop = document.getElementsByTagName('body')[0].scrollTop; if(sTop > rTop) {ob1.style.position = 'fixed'; ob1.style.top = '0px';

                        ob1.style.width = '27%'}

else {ob1.style.position =; ob1.style.top = ;ob1.style.width = } //; }

function calDefTop(ob){ var dTop = 0; while( ob != null){ dTop += ob.offsetTop; //ob.innerHTML += dTop+ ' '; ob = ob.offsetParent;} return dTop; }

function calDefLeft(ob){ var dLeft = 0; while( ob != null){ dLeft += ob.offsetLeft; //ob.innerHTML += dTop+ ' '; ob = ob.offsetParent;} return dLeft; }

$(document).ready(function(){

   //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");
  });
   ob1 = document.getElementById('col-left');
   rTop = 307;
   //window.setInterval('fixedpo()',20);

})