Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
Line 24: | Line 24: | ||
<div style="width:90%; margin-right:auto; margin-left:auto;"> | <div style="width:90%; margin-right:auto; margin-left:auto;"> | ||
<div style="width:40%; float:left;"><p style="font-size:11pt;">In the elevator pitch we describe the unique selling point of CUO and detail our plan to make a commercial entity from CUO using th e open source platform.</p></div> | <div style="width:40%; float:left;"><p style="font-size:11pt;">In the elevator pitch we describe the unique selling point of CUO and detail our plan to make a commercial entity from CUO using th e open source platform.</p></div> | ||
- | <div style="width:40%; float:right; margin:auto;"><span class="play">PLAY</span></div> | + | <div style="width:40%; float:right; margin:auto;"><span class="play button">PLAY</span></div> |
<div style="clear:both; width:99% height:1px;"></div> | <div style="clear:both; width:99% height:1px;"></div> | ||
</div> | </div> | ||
Line 80: | Line 80: | ||
<div id="shadow2" style="display:none;" > | <div id="shadow2" style="display:none;" > | ||
- | <div id="close- | + | <div id="close-box2" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer;"></div> |
- | <div id="box- | + | <div id="box-content2" style="width:95%; height:95%; margin:auto;"> |
- | <div id=" | + | <div id="load2" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div> |
</div> | </div> | ||
</div> | </div> | ||
Line 153: | Line 153: | ||
$('#shadow2').toggle('slow', function() { | $('#shadow2').toggle('slow', function() { | ||
- | $(this).children('#box- | + | $(this).children('#box-content2').html(input); |
}); | }); | ||
return false; | return false; | ||
Line 160: | Line 160: | ||
var closeBox = function() { | var closeBox = function() { | ||
$('#shadow2').toggle('slow', function() { | $('#shadow2').toggle('slow', function() { | ||
- | $(this).children('#box- | + | $(this).children('#box-content2').html(loading); |
}); | }); | ||
} | } | ||
Line 166: | Line 166: | ||
$(document).ready(function(event) { | $(document).ready(function(event) { | ||
- | loading = $('# | + | loading = $('#load2').parent().html(); |
$('body').off('click', '.play', openBox); | $('body').off('click', '.play', openBox); | ||
$('body').on('click', '.play', openBox); | $('body').on('click', '.play', openBox); | ||
- | $('body').off('click', '#close- | + | $('body').off('click', '#close-box2', closeBox); |
- | $('body').on('click', '#close- | + | $('body').on('click', '#close-box2', closeBox); |
}); | }); |
Revision as of 06:18, 19 September 2012