Template:Imperial/09/TopNavigation

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Imperial/09/TopNavigation/CSS}}
<html>
<html>
 +
<script src="http://charlesfracchia.com/SlideUp/prototype.js" type="text/javascript"></script>
 +
<script src="http://charlesfracchia.com/SlideUp/effects.js" type="text/javascript"></script>
 +
<script src="http://charlesfracchia.com/SlideUp/tabslide.js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
<!-- HOME PAGE -->
<!-- HOME PAGE -->
if (addressSplit[3]=='Team:Imperial_College_London'){
if (addressSplit[3]=='Team:Imperial_College_London'){
     if (typeof(addressSplit[4])=='undefined'){
     if (typeof(addressSplit[4])=='undefined'){
-
document.write('<center><div id="II09_content_boxtop_purple" style="margin-top:6px;"></div><div id="II09_content" style="width: 590px; background: #e2d7f2">');
+
document.write('<div id="accordion">
-
document.write('<font face="Calibri"><center><b><table border="0" padding="0" style="background-color:transparent; text-align:center bottom;" width="550px" align="center"><tr>');
+
<div class="panel" id="panel1">
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Major_results">Major Results</a></td>');
+
    <h3>Panel 1</h3>
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab/BioBricks">Submitted Parts</a></td>');
+
    <div id="panel1-body" class="panel_body">
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Achievements">Achievements</a></td>');
+
        <div>
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Manufacturing_Considerations">Manufacturing Considerations</a></td>');
+
        This is the contents of this panel.
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/genealogy">Genealogy</a></td></tr>');
+
        </div>
 +
    </div>
 +
</div>
-
document.write('<tr><td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Major_results"><img style="vertical-align:bottom;" width="100%" src="http://i691.photobucket.com/albums/vv271/dk806/II09_Homepageimage2.png"></a></td>');
+
<div class="panel" id="panel2">
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab/BioBricks"><img style="vertical-align:bottom;" width="100%" src="http://i691.photobucket.com/albums/vv271/dk806/II09_Homepageimage3.png"></a></td>');
+
 
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Achievements"><img style="vertical-align:bottom;" width="100%" src="http://i691.photobucket.com/albums/vv271/dk806/II09_Homepageimage4.png"></a></td>');
+
    <h3>Panel 2</h3>
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/Manufacturing_Considerations"><img style="vertical-align:bottom;" width="100%" src="http://i691.photobucket.com/albums/vv271/dk806/II09_Homepageimage5.png"></a></td>');
+
    <div id="panel2-body" class="panel_body">
-
document.write('<td width="10%"><a href="https://2009.igem.org/Team:Imperial_College_London/genealogy"><img style="vertical-align:bottom;" width="100%" src="https://static.igem.org/mediawiki/2009/2/20/II09_WorldMap.png"></a></td></tr></b></table></center>');
+
        <div>
-
document.write('</div><div id="II09_content_boxbottom_purple"></div></font></center>');
+
        This is the contents of this panel.
 +
        </div>
 +
    </div>
 +
 +
</div>
 +
 
 +
<div class="panel" id="panel3">
 +
    <h3>Panel 3</h3>
 +
    <div id="panel3-body" class="panel_body">
 +
        <div>
 +
        This is the contents of this panel.
 +
        </div>
 +
    </div>
 +
</div>
 +
 
 +
<div class="panel" id="panel4">
 +
    <h3>Panel 4</h3>
 +
    <div id="panel4-body" class="panel_body">
 +
        <div>
 +
        This is the contents of this panel.
 +
        </div>
 +
    </div>
 +
</div>
 +
 
 +
<div class="panel" id="panel5">
 +
    <h3>Panel 5</h3>
 +
    <div id="panel5-body" class="panel_body">
 +
        <div>
 +
        This is the contents of this panel.
 +
        </div>
 +
    </div>
 +
</div>
 +
</div>');
     }
     }
}
}
</script>
</script>
 +
<script>init();</script>
</html>
</html>

Revision as of 13:17, 18 October 2009

Template:Imperial/09/TopNavigation/CSS