Team:Goettingen/suplement/scripts

From 2013.igem.org

(Difference between revisions)
m
 
(45 intermediate revisions not shown)
Line 1: Line 1:
-
//universal
+
<html>
-
  $(".f-larger").click(function(){
+
<script>
-
    $("p").css("font-size","14pt");
+
function showDro(ob){
-
  });
+
-
  $(".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
+
 +
var sib = ob.nextElementSibling || getNextElementSibling(ob);
 +
var par = ob.parentElement;
 +
 +
 +
//alert(sib);
 +
sib.style.top = calDefTop(par) + par.clientHeight -1 + '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 = '';}
 +
 +
 +
}
 +
 +
//与jq中的toggle函数相似，简化版本
 +
function toggle(target){
 +
  if(getComputedStyle(target,null).display == "none"){
 +
            target.style.display = "block"
 +
    } else {target.style.display = "none"}
 +
}
 +
 +
 +
 +
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()
function fadeInOut()
{
{
$("#slide").fadeOut(300,function(){
$("#slide").fadeOut(300,function(){
-
i++;
+
//alert(picSlide_i);
-
document.getElementById("slide").src=e[i];
+
document.getElementById("slide").src=e[picSlide_i];
-
//document.getElementById("write").innerHTML = "slide: " + i;
+
document.getElementById("slide-a").href = link[picSlide_i];
 +
picSlide_i++;
 +
                //alert(picSlide_i);
$("#slide").fadeIn(300,slide_ctrl());
$("#slide").fadeIn(300,slide_ctrl());
});
});
Line 39: Line 54:
-
function starttimer()
+
function startslide()
{
{
-
 
+
if(picSlide_i >= e.length) picSlide_i = 0;
-
//document.getElementById("slide").src=e[i];
+
fadeInOut();
fadeInOut();
-
//header_dots();
 
$("#resume").hide();
$("#resume").hide();
$("#stop").show();
$("#stop").show();
-
if(i >= 3) i = 0;
+
timer = setTimeout("startslide()",5000);
-
timer = setTimeout("starttimer()",5000);
+
};
};
-
function stoptimer()
+
function stopslide()
{
{
clearTimeout(timer);
clearTimeout(timer);
-
//document.getElementById("write").innerHTML = "stopped";
 
$("#pause").hide();
$("#pause").hide();
$("#resume").show();
$("#resume").show();
Line 61: Line 72:
function go2right(){
function go2right(){
-
stoptimer();
+
fadeInOut();
-
starttimer();
+
}
}
function slide_ctrl(){
function slide_ctrl(){
     var x = 0;
     var x = 0;
-
var text = '<span id="slide-ctrl-1"><img src="https://static.igem.org/mediawiki/2013/8/88/Goe-left.png" alt="previous" id="left" onclick="go2left()" />';
+
var text = '<span id="slide-ctrl-1">';
-
for(x=0;x<=2;x++){
+
for(x=0;x<e.length;x++){
-
if (x==(i-1)) { text += '<img src="https://static.igem.org/mediawiki/2013/9/9d/Goe-this.png" />' ;}
+
if (x==(picSlide_i-1)) { text += '<img src="https://static.igem.org/mediawiki/2013/9/9d/Goe-this.png" />' ;}
-
else { text += '<img src="https://static.igem.org/mediawiki/2013/4/4c/Goe-notThis.png" onclick="i = ' + x + ';stoptimer(); starttimer()" />';}
+
else { text += '<img src="https://static.igem.org/mediawiki/2013/4/4c/Goe-notThis.png" onclick="picSlide_i = ' + x + ';stopslide(); startslide()" />';}
};
};
-
text += '<img src="https://static.igem.org/mediawiki/2013/a/ad/Goe-right.png" alt="next" id="right" onclick="go2right()" /></span>';
+
text += '</span>';
-
text += '<img src="https://static.igem.org/mediawiki/2013/b/b6/Goe-pause.png" alt="pause" id="pause" onclick="stoptimer()" /><img src="https://static.igem.org/mediawiki/2013/b/b1/Goe-resume.png" alt="resume" id="resume" onclick="starttimer()" style="display:none" />';
+
text += '<img src="https://static.igem.org/mediawiki/2013/b/b6/Goe-pause.png" alt="pause" id="pause" onclick="stopslide()" /><img src="https://static.igem.org/mediawiki/2013/b/b1/Goe-resume.png" alt="resume" id="resume" onclick="startslide()" style="display:none" />';
-
//else {text += '';}
+
 
-
//alert(timer > 0);
+
document.getElementById("slide-ctrl").innerHTML = text;
document.getElementById("slide-ctrl").innerHTML = text;
}
}
Line 81: Line 90:
function go2left(){
function go2left(){
stoptimer();
stoptimer();
-
if (i == 0) i = 3;
+
if (picSlide_i == 0) picSlide_i = 5;
-
i = i - 2;
+
picSlide_i = picSlide_i - 2;
-
if (i < 0) i =2;
+
if (picSlide_i < 0) picSlide_i =2;
-
starttimer();
+
fadeInOut();
}
}
Line 93: Line 102:
{ var sTop = document.getElementsByTagName('body')[0].scrollTop;
{ var sTop = document.getElementsByTagName('body')[0].scrollTop;
if(sTop > rTop) {ob1.style.position = 'fixed';
if(sTop > rTop) {ob1.style.position = 'fixed';
-
ob1.style.top = '10px';}
+
ob1.style.top = '0px';
-
else {ob1.style.position =''; ob1.style.top = '';ob1.style.width = '27%'}
+
                        ob1.style.width = '27%'}
-
//;
+
else {ob1.style.position =''; ob1.style.top = '';ob1.style.width = ''}
 +
 +
 
 +
 
}
}
Line 106: Line 118:
return dTop;
return dTop;
}
}
 +
 +
function calDefLeft(ob){
 +
var dLeft = 0;
 +
while( ob != null){
 +
dLeft += ob.offsetLeft;
 +
//ob.innerHTML += dTop+ ' ';
 +
ob = ob.offsetParent;}
 +
return dLeft;
 +
}
 +
 +
 +
function illus(object,name,text){
 +
    var obj = document.getElementById("illus");
 +
    obj.innerHTML = '<h2 style="color:white" >' + name + '</h2>';
 +
    var coords = object.coords;
 +
    var left = coords.substring(0,coords.indexOf(','));
 +
    coords = coords.substring(coords.indexOf(',')+1);
 +
    var top = coords.substring(0,coords.indexOf(','));
 +
    coords = coords.substring(coords.indexOf(',')+1);
 +
    var width = coords.substring(0,coords.indexOf(',')) - left;
 +
    coords = coords.substring(coords.indexOf(',')+1);
 +
    obj.style.left = left + 'px';
 +
    obj.style.marginTop = coords - 40  + 'px';
 +
    obj.style.width = width -20 + 'px';
 +
    obj.onmouseout = function(){obj.style.display = 'none'}
 +
    obj.onmouseover = function(){obj.style.display = 'block';}
 +
    obj.onmousedown = function(){window.location.assign(object.href);}
 +
    obj.style.height = 40 + 'px';
 +
    obj.style.display = 'block';
 +
  //alert();
 +
}
 +
 +
 +
 +
 +
function hideillus(){
 +
    var obj = document.getElementById("illus");
 +
    obj.style.display = "none";
 +
}
 +
 +
-
$(document).ready(function(){
+
</script>
-
    ob1 = document.getElementById('col-left');
+
</html>
-
    rTop = calDefTop(ob1);
+
-
    //window.setInterval('fixedpo()',20);
+
-
})
+

Latest revision as of 11:56, 2 October 2013

Retrieved from "http://2013.igem.org/Team:Goettingen/suplement/scripts"