"
Template:Team:Oxford/scriptmain
From 2014.igem.org
(Difference between revisions)
| (14 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 18: | Line 17: | ||
x.style.height="11%"; | x.style.height="11%"; | ||
x.style.width="11%"; | x.style.width="11%"; | ||
| - | |||
} | } | ||
function Achievementsbig(x) { | function Achievementsbig(x) { | ||
| Line 28: | Line 26: | ||
x.style.height="11.1%"; | x.style.height="11.1%"; | ||
x.style.width="11.1%"; | x.style.width="11.1%"; | ||
| - | |||
} | } | ||
function Modellingbig(x) { | function Modellingbig(x) { | ||
| Line 141: | Line 138: | ||
} | } | ||
function iGEMEuropebig(x) { | function iGEMEuropebig(x) { | ||
| - | x.style.height=" | + | x.style.height="19%"; |
| - | x.style.width=" | + | x.style.width="19%"; |
} | } | ||
function iGEMEuropenormal(x) { | function iGEMEuropenormal(x) { | ||
| - | x.style.height=" | + | x.style.height="17%"; |
| - | x.style.width=" | + | x.style.width="17%"; |
} | } | ||
function Collabbig(x) { | function Collabbig(x) { | ||
| Line 180: | 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 207: | Line 202: | ||
$("#Teamblue").animate({opacity:'0'}); | $("#Teamblue").animate({opacity:'0'}); | ||
}); | }); | ||
| - | |||
$("#arrowr").click(function(){ | $("#arrowr").click(function(){ | ||
$("#grey").animate({right:'-13%'}, "fast"); | $("#grey").animate({right:'-13%'}, "fast"); | ||
| Line 228: | 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 256: | 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
