|
|
Line 205: |
Line 205: |
| | | |
| <!--\\\\ ACCORDION MENU ////--> | | <!--\\\\ ACCORDION MENU ////--> |
- | <div id="leftcolumntotal">
| + | <iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="400" width="200" scrolling="no" ALLOWTRANSPARENCY="true"> |
- | <div id="leftcolumn">
| + | <p>Your browser does not support iframes.</p> |
- | <div id="leftcolumngreen">
| + | </iframe> |
| + | |
| | | |
- | </div>
| |
- | <div id="AccordionContainer" class="AccordionContainer">
| |
- |
| |
- | <div onclick="runAccordion(1,50);"> <!-- 1,125 -->
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Introduction
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion1Content" class="AccordionContent">
| |
- | <span class="classgreena">
| |
- | <a href="/Team:SDU-Denmark">Home<p></a>
| |
- | <a href="/Team:SDU-Denmark/Team">Team<p></a>
| |
- |
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(2,195);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Project
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion2Content" class="AccordionContent">
| |
- | <span class="classreda">
| |
- | <a href="/Team:SDU-Denmark/Project/Overview">Overview<p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/Background">Background<p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/BioBricks">Bio Bricks<p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/Parts">Parts<p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/Results">Results<p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/Future">Future Applications <p></a>
| |
- | <a href="/Team:SDU-Denmark/Project/Achievements">Achievements<p></a>
| |
- |
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(3,130);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Lab Work
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion3Content" class="AccordionContent">
| |
- | <span class="classorangea">
| |
- |
| |
- | <a href="/Team:SDU-Denmark/labwork/Protocols">Protocols<p></a>
| |
- | <a href="/Team:SDU-Denmark/labwork/Experiments">Experiments<p></a>
| |
- | <a href="/Team:SDU-Denmark/labwork/Constructs">Constructs<p></a>
| |
- | <a href="/Team:SDU-Denmark/labwork/Safety">Lab Safety<p></a>
| |
- | <a href="/Team:SDU-Denmark/labwork/Notebook">Notebook<p></a>
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(4,75);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Human Practices
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion4Content" class="AccordionContent">
| |
- | <span class="classgreena">
| |
- | <a href="/Team:SDU-Denmark/HumanPractices/overview">Overview<p></a>
| |
- | <a href="/Team:SDU-Denmark/HumanPractices/ethics">Ethics<p></a>
| |
- | <a href="/Team:SDU-Denmark/HumanPractices/biosafety">Bio Safety<p></a>
| |
- |
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(5,75);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Collaboration
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion5Content" class="AccordionContent">
| |
- | <span class="classpurplea">
| |
- | <a href="/Team:SDU-Denmark/collaboration/podcast">PodCast<p></a>
| |
- | <a href="/Team:SDU-Denmark/collaboration/bielefeld">TEAM BIELEFELD<p></a>
| |
- | <a href="/Team:SDU-Denmark/collaboration/Sponsors">Sponsors<p></a>
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(6,75);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Media/Press
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion6Content" class="AccordionContent">
| |
- | <span class="classreda">
| |
- | <a href="/Team:SDU-Denmark/Media/photogallery">Photo Gallery<p></a>
| |
- | <a href="/Team:SDU-Denmark/Media/videogallery">Video Gallery<p></a>
| |
- | <a href="/Team:SDU-Denmark/Media/Press">Press<p></a>
| |
- |
| |
- | </span>
| |
- | </div>
| |
- | <!--
| |
- | <div onclick="runAccordion(7,50);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Partners
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion7Content" class="AccordionContent">
| |
- | <span class="classorangea">
| |
- | <a href="/Team:SDU-Denmark/Partners/Sponsors">Sponsors<p></a>
| |
- | <a href="/Team:SDU-Denmark/Partners/OSLI">iGEM teams<p></a>
| |
- |
| |
- | </span>
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(8,100);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Extras
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion8Content" class="AccordionContent">
| |
- | <span class="classpurplea">
| |
- | <a href="/Team:SDU-Denmark/Extras/Recruitment">Podcast <p></a>
| |
- | <a href="/Team:SDU-Denmark/Extras/Achievements">Achievements<p></a>
| |
- | <a href="/Team:SDU-Denmark/Extras/Brainstorming">Photo Gallery<p></a>
| |
- | <a href="/Team:SDU-Denmark/Extras/Video">Video Gallery<p></a>
| |
- | </span>
| |
- | </div>
| |
- | -->
| |
- |
| |
- | </div>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var ContentHeight = 200;
| |
- | var TimeToSlide = 300.0;
| |
- |
| |
- | var openAccordion = '';
| |
- |
| |
- |
| |
- | function runAccordion(index, AccHeight)
| |
- | {
| |
- | ContentHeight = AccHeight;
| |
- |
| |
- | var nID = "Accordion" + index + "Content";
| |
- | if(openAccordion == nID)
| |
- | nID = '';
| |
- |
| |
- | setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
| |
- | + openAccordion + "','" + nID + "')", 33);
| |
- |
| |
- | openAccordion = nID;
| |
- |
| |
- | }
| |
- |
| |
- | function animate(lastTick, timeLeft, closingId, openingId)
| |
- | {
| |
- | var curTick = new Date().getTime();
| |
- | var elapsedTicks = curTick - lastTick;
| |
- |
| |
- | var opening = (openingId == '') ? null : document.getElementById(openingId);
| |
- | var closing = (closingId == '') ? null : document.getElementById(closingId);
| |
- |
| |
- | if(timeLeft <= elapsedTicks)
| |
- | {
| |
- | if(opening != null)
| |
- | opening.style.height = ContentHeight + 'px';
| |
- |
| |
- | if(closing != null)
| |
- | {
| |
- | closing.style.display = 'none';
| |
- | closing.style.height = '0px';
| |
- | }
| |
- | return;
| |
- | }
| |
- |
| |
- | timeLeft -= elapsedTicks;
| |
- | var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
| |
- |
| |
- | if(opening != null)
| |
- | {
| |
- | if(opening.style.display != 'block')
| |
- | opening.style.display = 'block';
| |
- | opening.style.height = (ContentHeight - newClosedHeight) + 'px';
| |
- | }
| |
- |
| |
- | if(closing != null)
| |
- | closing.style.height = newClosedHeight + 'px';
| |
- |
| |
- | setTimeout("animate(" + curTick + "," + timeLeft + ",'"
| |
- | + closingId + "','" + openingId + "')", 33);
| |
- | }
| |
- |
| |
- |
| |
- | </script>
| |
- |
| |
- | </div>
| |
- | </div>
| |
| <!--\\\\ACCORDION MENU////--> | | <!--\\\\ACCORDION MENU////--> |
| | | |