Template:Team:Oxford/scriptmain

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 3: Line 3:
  <script type="text/javascript">
  <script type="text/javascript">
-
 
   function iconleft(x) {
   function iconleft(x) {
     x.style.left="6%";
     x.style.left="6%";
Line 139: Line 138:
   }
   }
   function iGEMEuropebig(x) {
   function iGEMEuropebig(x) {
-
     x.style.height="35%";
+
     x.style.height="19%";
-
     x.style.width="35%";
+
     x.style.width="19%";
   }
   }
   function iGEMEuropenormal(x) {
   function iGEMEuropenormal(x) {
-
     x.style.height="33%";
+
     x.style.height="17%";
-
     x.style.width="33%";
+
     x.style.width="17%";
   }
   }
   function Collabbig(x) {
   function Collabbig(x) {
Line 178: Line 177:
     document.getElementById('iGEMcommwrap').style.display = "none";
     document.getElementById('iGEMcommwrap').style.display = "none";
   }
   }
-
 
-
 
$(document).ready(function(){
$(document).ready(function(){
   $("#DCMationheading").mouseleave(function(){
   $("#DCMationheading").mouseleave(function(){
Line 225: Line 222:
     $("#left").animate({left:'38.1%'});
     $("#left").animate({left:'38.1%'});
     $("#abstract").animate({width:'0%', left:'50%'});
     $("#abstract").animate({width:'0%', left:'50%'});
 +
  });
 +
  $("#openmenu1").click(function(){
 +
  $("#right").animate({left:'85%'});
 +
  $("#left").animate({left:'3.1%'});
 +
  $("#abstract").animate({width:'69.9%', left:'15.1%'});
 +
  });
 +
  $("#openmenu2").click(function(){
 +
  $("#right").animate({left:'85%'});
 +
  $("#left").animate({left:'3.1%'});
 +
  $("#abstract").animate({width:'69.9%', left:'15.1%'});
 +
  });
 +
  $("#openmenu3").click(function(){
 +
  $("#right").animate({left:'85%'});
 +
  $("#left").animate({left:'3.1%'});
 +
  $("#abstract").animate({width:'69.9%', left:'15.1%'});
   });
   });
   $("#achievementsheading").click(function(){
   $("#achievementsheading").click(function(){
Line 253: Line 265:
   $("#iGEMcommwrap").click(function(){
   $("#iGEMcommwrap").click(function(){
     $("#iGEMcommpopup").animate({width:'0%', left:'25%', marginTop:'19%'}, "fast");
     $("#iGEMcommpopup").animate({width:'0%', left:'25%', marginTop:'19%'}, "fast");
 +
  });
 +
  $("#next1").click(function(){
 +
    $("#menu1").css({display:'none'});
 +
    $("#menu2").css({display:'inline'});
 +
  });
 +
  $("#next2").click(function(){
 +
    $("#menu2").css({display:'none'});
 +
    $("#menu3").css({display:'inline'});
 +
  });
 +
  $("#back1").click(function(){
 +
    $("#menu2").css({display:'none'});
 +
    $("#menu1").css({display:'inline'});
 +
  });
 +
  $("#back2").click(function(){
 +
    $("#menu3").css({display:'none'});
 +
    $("#menu2").css({display:'inline'});
   });  
   });  
});
});
-
 
   function hideabstract(x) {
   function hideabstract(x) {
     document.getElementById('abstract2').style.display = "none";
     document.getElementById('abstract2').style.display = "none";
 +
    document.getElementById('menu1').style.display = "none";
 +
    document.getElementById('menu2').style.display = "none";
 +
    document.getElementById('menu3').style.display = "none";
     document.getElementById('x').style.display = "none";
     document.getElementById('x').style.display = "none";
   }
   }
   function showabstract(x) {
   function showabstract(x) {
     document.getElementById('abstract2').style.display = "inline";
     document.getElementById('abstract2').style.display = "inline";
 +
    document.getElementById('x').style.display = "inline";
 +
    document.getElementById('DCMationwrap').style.display = "none";
 +
  }
 +
  function showmenu1(x) {
 +
    document.getElementById('menu1').style.display = "inline";
 +
    document.getElementById('x').style.display = "inline";
 +
    document.getElementById('DCMationwrap').style.display = "none";
 +
  }
 +
  function showmenu2(x) {
 +
    document.getElementById('menu2').style.display = "inline";
 +
    document.getElementById('x').style.display = "inline";
 +
    document.getElementById('DCMationwrap').style.display = "none";
 +
  }
 +
  function showmenu3(x) {
 +
    document.getElementById('menu3').style.display = "inline";
     document.getElementById('x').style.display = "inline";
     document.getElementById('x').style.display = "inline";
     document.getElementById('DCMationwrap').style.display = "none";
     document.getElementById('DCMationwrap').style.display = "none";

Latest revision as of 08:34, 12 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Oxford/scriptmain"