Template:Team:HokkaidoU Japan/HumanPractice/script

From 2011.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<html><script type="text/javascript">
+
<html>
-
(function(b){function a(d,c){if(d){if(c){return true}}return false}b.fn.lightbox_me=function(c){return this.each(function(){var f=b.extend({},b.fn.lightbox_me.defaults,c),m=b(),l=b(this),n=b('<iframe id="foo" style="z-index: '+(f.zIndex+1)+';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>'),h=a(b.browser.msie,b.browser.version<7);if(f.showOverlay){var g=b(".js_lb_overlay:visible");if(g.length>0){m=b('<div class="lb_overlay_clear js_lb_overlay"/>')}else{m=b('<div class="'+f.classPrefix+'_overlay js_lb_overlay"/>')}}if(h){var e=/^https/i.test(window.location.href||"")?"javascript:false":"about:blank";n.attr("src",e);b("body").append(n)}b("body").append(l.hide()).append(m);if(f.showOverlay){i();m.css({position:"absolute",width:"100%",top:0,left:0,right:0,bottom:0,zIndex:(f.zIndex+2),display:"none"});if(!m.hasClass("lb_overlay_clear")){m.css(f.overlayCSS)}}if(f.showOverlay){m.fadeIn(f.overlaySpeed,function(){d();l[f.appearEffect](f.lightboxSpeed,function(){i();d();f.onLoad()})})}else{d();l[f.appearEffect](f.lightboxSpeed,function(){f.onLoad()})}if(f.parentLightbox){f.parentLightbox.fadeOut(200)}b(window).resize(i).resize(d).scroll(d).keyup(k);if(f.closeClick){m.click(function(o){j();o.preventDefault})}l.delegate(f.closeSelector,"click",function(o){j();o.preventDefault()});l.bind("close",j);l.bind("reposition",d);function j(){var o=l[0].style;if(f.destroyOnClose){l.add(m).remove()}else{l.add(m).hide()}if(f.parentLightbox){f.parentLightbox.fadeIn(200)}n.remove();l.undelegate(f.closeSelector,"click");b(window).unbind("reposition",i);b(window).unbind("reposition",d);b(window).unbind("scroll",d);b(document).unbind("keyup",k);if(h){o.removeExpression("top")}f.onClose()}function k(o){if(a(o.keyCode==27||a(o.DOM_VK_ESCAPE==27,o.which==0),f.closeEsc)){j()}}function i(){if(b(window).height()<b(document).height()){m.css({height:b(document).height()+"px"});n.css({height:b(document).height()+"px"})}else{m.css({height:"100%"});if(h){b("html,body").css("height","100%");n.css("height","100%")}}}function d(){var p=l[0].style;l.css({left:"50%",marginLeft:(l.outerWidth()/2)*-1,zIndex:(f.zIndex+3)});if(a((l.height()+80>=b(window).height()),(l.css("position")!="absolute"||h))){var o=b(document).scrollTop()+40;l.css({position:"absolute",top:o+"px",marginTop:0});if(h){p.removeExpression("top")}}else{if(l.height()+80<b(window).height()){if(h){p.position="absolute";if(f.centered){p.setExpression("top",'(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');p.marginTop=0}else{var q=a(f.modalCSS,f.modalCSS.top)?parseInt(f.modalCSS.top):0;p.setExpression("top","((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "+q+') + "px"')}}else{if(f.centered){l.css({position:"fixed",top:"50%",marginTop:(l.outerHeight()/2)*-1})}else{l.css({position:"fixed"}).css(f.modalCSS)}}}}}})};b.fn.lightbox_me.defaults={appearEffect:"fadeIn",appearEase:"",overlaySpeed:250,lightboxSpeed:300,closeSelector:".close",closeClick:true,closeEsc:true,destroyOnClose:false,showOverlay:true,parentLightbox:false,onLoad:function(){},onClose:function(){},classPrefix:"lb",zIndex:999,centered:false,modalCSS:{top:"40px"},overlayCSS:{background:"black",opacity:0.3}}})(jQuery);
+
-
</script>
+
<script type="text/javascript">
<script type="text/javascript">
-
$(function(){  
+
$(function(){
-
     var $toc = $('#toc');
+
     $('span.footnote > a').bind('click', function(){
-
    var $tab = $('<div>').addClass('toc-tab');
+
        var url = $(this).attr('href');
-
    var $close = $('<div>').addClass('close');
+
        var title = $(this).text();
-
    var $wrapper = $('<div>').addClass('toc-wrapper');
+
        $('<div>').load(url + ' div#bodyContent', function(data){
-
    $toc.before($tab);
+
            var $box = $('<div>').addClass('footnote-box').append($('<h2>').append(title));
-
    $toc.wrap($wrapper);
+
            var $footnote = $(data).find('div#contentSub').nextAll('p');
-
    $toc.before($close)
+
            $box.append($('<div>').append($footnote).addClass('footnote-content'));
-
    $wrapper = $('.toc-wrapper');
+
            $('body').append($box);
-
    $wrapper.hide();
+
            $box.append($('<span>').addClass('close').addClass('close-btn-32')).lightbox_me({
-
    $tab.bind('click', function(){
+
                destroyOnClose : true,
-
        $tab.hide();
+
                modalCSS      : { 'top' : '100px' }
-
        $wrapper.fadeIn('normal');
+
            });
-
        $close.bind('click', function(){
+
-
            $wrapper.fadeOut('normal');
+
-
            $tab.show();
+
         });
         });
 +
        return false;
     });
     });
});
});
Line 77: Line 73:
   display: block;
   display: block;
   padding: 20px 20px;
   padding: 20px 20px;
-
   width: 40%;
+
   width: 60%;
 +
  min-width: 650px;
   height: auto;
   height: auto;
   max-height: 60%;
   max-height: 60%;

Latest revision as of 03:47, 6 October 2011