|
|
| Line 1: |
Line 1: |
| - | <!--\\\\ ACCORDION MENU ////-->
| |
| - | <div id="leftcolumntotal">
| |
| - | <div id="leftcolumn">
| |
| - | <div id="leftcolumngreen">
| |
| | | | |
| - | </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////-->
| |
"
