Team:Peking/miningflow

From 2013.igem.org

(Difference between revisions)
Line 71: Line 71:
     document.getElementById("Flowcover0").style.opacity="0";
     document.getElementById("Flowcover0").style.opacity="0";
     document.getElementById("Flowcover1").style.opacity="0.8";
     document.getElementById("Flowcover1").style.opacity="0.8";
 +
    document.getElementById("Flowcover2").style.opacity="0.8";
 +
    document.getElementById("Flowcover3").style.opacity="0.8";
 +
    document.getElementById("Flowcover4").style.opacity="0.8";
 +
   
 +
    document.getElementById("FlowStep0").style.display="block";
 +
    document.getElementById("FlowStep1").style.display="none";
 +
    document.getElementById("FlowStep2").style.display="none";
 +
    document.getElementById("FlowStep3").style.display="none";
 +
    document.getElementById("FlowStep4").style.display="none";
 +
 +
}
 +
document.getElementById("Flowcover1").onclick=function()  //click 1
 +
{
 +
    document.getElementById("Flowcover0").style.opacity="0.8";
 +
    document.getElementById("Flowcover1").style.opacity="0";
     document.getElementById("Flowcover2").style.opacity="0.8";
     document.getElementById("Flowcover2").style.opacity="0.8";
     document.getElementById("Flowcover3").style.opacity="0.8";
     document.getElementById("Flowcover3").style.opacity="0.8";
Line 82: Line 97:
}
}
 +
document.getElementById("Flowcover2").onclick=function()  //click 2
 +
{
 +
    document.getElementById("Flowcover0").style.opacity="0.8";
 +
    document.getElementById("Flowcover1").style.opacity="0.8";
 +
    document.getElementById("Flowcover2").style.opacity="0";
 +
    document.getElementById("Flowcover3").style.opacity="0.8";
 +
    document.getElementById("Flowcover4").style.opacity="0.8";
 +
   
 +
    document.getElementById("FlowStep0").style.display="none";
 +
    document.getElementById("FlowStep1").style.display="none";
 +
    document.getElementById("FlowStep2").style.display="block";
 +
    document.getElementById("FlowStep3").style.display="none";
 +
    document.getElementById("FlowStep4").style.display="none";
 +
 +
}
 +
document.getElementById("Flowcover3").onclick=function()  //click 3
 +
{
 +
    document.getElementById("Flowcover0").style.opacity="0.8";
 +
    document.getElementById("Flowcover1").style.opacity="0.8";
 +
    document.getElementById("Flowcover2").style.opacity="0.8";
 +
    document.getElementById("Flowcover3").style.opacity="0";
 +
    document.getElementById("Flowcover4").style.opacity="0.8";
 +
   
 +
    document.getElementById("FlowStep0").style.display="none";
 +
    document.getElementById("FlowStep1").style.display="none";
 +
    document.getElementById("FlowStep2").style.display="none";
 +
    document.getElementById("FlowStep3").style.display="block";
 +
    document.getElementById("FlowStep4").style.display="none";
 +
 +
}
 +
document.getElementById("Flowcover4").onclick=function()  //click 4
 +
{
 +
    document.getElementById("Flowcover0").style.opacity="0.8";
 +
    document.getElementById("Flowcover1").style.opacity="0.8";
 +
    document.getElementById("Flowcover2").style.opacity="0.8";
 +
    document.getElementById("Flowcover3").style.opacity="0.8";
 +
    document.getElementById("Flowcover4").style.opacity="0";
 +
   
 +
    document.getElementById("FlowStep0").style.display="none";
 +
    document.getElementById("FlowStep1").style.display="none";
 +
    document.getElementById("FlowStep2").style.display="none";
 +
    document.getElementById("FlowStep3").style.display="none";
 +
    document.getElementById("FlowStep4").style.display="block";
 +
 +
}
 +
</script>
</script>
</html>
</html>

Revision as of 19:16, 26 September 2013