Team:Cambridge/ProjectBioluminescenceNew

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Cambridge/Templates/headerMinimalprototype}}
{{:Team:Cambridge/Templates/headerMinimalprototype}}
-
{{:Team:Cambridge/Templates/LumNavNew}}
+
<html>
 +
 
 +
<style type="text/css">
 +
ul.llhmenu{
 +
    list-style:none;
 +
    overflow:hidden;
 +
}
 +
 
 +
ul.llhmenu li{
 +
    position:relative;
 +
    float:left;
 +
    padding:5px 10px 4px;
 +
}
 +
 
 +
ul.llhmenu li.backLava{
 +
    background-color:#28796e;
 +
}
 +
</style>
 +
 
 +
 
 +
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.address-1.2.2.js'></script>
 +
<script type="text/javascript">
 +
    $(function() { $("ul.llhmenu").lavaLamp({ speed: 300,target:'li' })});
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
    var tabs,
 +
        desc='Description';
 +
        linkSelector='#tabs ul:first a',
 +
        contentSelector='#tabs div:first',
 +
        currentSelector='function(value){
 +
            return 'a[href=#' + value + ']';
 +
        };
 +
 
 +
    if ($address.value() == ''){
 +
            $.address.value(desc);
 +
    }
 +
 
 +
  // Address handler
 +
            $.address.init(function(event) {
 +
 
 +
                // Adds the ID in a lazy manner to prevent scrolling
 +
                $(contentSelector).attr('id', desc);
 +
               
 +
                // Tabs setup
 +
                tabs = $('#tabs')
 +
                    .tabs({
 +
                        // Content filter
 +
                        load: function(event, ui) {
 +
                            $(ui.panel).html($(contentSelector, ui.panel).html());
 +
                        },
 +
                        selected: $(linkSelector).index($(currentSelector(event.value))),
 +
                        fx: { opacity: 'toggle' }
 +
                    })
 +
                    .css('display', 'block');
 +
 
 +
                // Enables the plugin for all the tab links
 +
                $(linkSelector).address();
 +
           
 +
            }).change(function(event) {
 +
 
 +
                // Sets the page title
 +
                $.address.title($.address.title().split(' | ')[0] + ' | ' +
 +
                        $(currentSelector(event.value)).text());
 +
 
 +
            }).externalChange(function(event) {
 +
 
 +
                // Select the proper tab
 +
                tabs.tabs('select', $(currentSelector(event.value)).attr('href'));
 +
               
 +
            }).history(true);
 +
 
 +
            // Hides the tabs during initialization
 +
            document.write('<style type="text/css"> #tabs { display: none; } </style>');
 +
           
 +
        </script>
 +
   
 +
 
 +
 
 +
<div id="tabs" align="center">
 +
<ul class="llhmenu">
 +
<li><a href="#Description">Project Description</a></li>
 +
<li><a href="Luciferase">Luciferase</a></li>
 +
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew/Recovery">Luciferin Recovery</a></li>
 +
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew/LightLevel">Light Output</a></li>
 +
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew/Experiments">Experiments</a></li>
 +
<li><a href="/Team:Cambridge/ProjectBioluminescenceNew/Modelling">Modelling</a></li>
 +
</ul>
 +
</div>
 +
</html>
 +
 
=Bioluminescence=
=Bioluminescence=

Revision as of 13:56, 29 July 2010

Retrieved from "http://2010.igem.org/Team:Cambridge/ProjectBioluminescenceNew"