Template:Tokyotechmenubar

From 2012.igem.org

(Difference between revisions)
(Created page with "{|style="color:black;background-color:#FFF;text-align:center;font-size:large;position:relative;margin:5px auto 3px;width:850px;table-layout:fixed;" border="1" |[[Team:Tokyo_Tech...")
 
(74 intermediate revisions not shown)
Line 1: Line 1:
-
{|style="color:black;background-color:#FFF;text-align:center;font-size:large;position:relative;margin:5px auto 3px;width:850px;table-layout:fixed;" border="1"  
+
<html>
-
|[[Team:Tokyo_Tech|Main]]
+
<head>
-
|[[Team:Tokyo_Tech/Team|Team]]
+
<style>
-
|[[Team:Tokyo_Tech/Project|Project]]
+
div#navigation
-
|[[Team:Tokyo_Tech/DataPage.htm|Deta Page]]
+
{
-
|[PARTSLINKS]
+
background-color: #000000;
-
<!--|[[Team:Tokyo_Tech/Conclusion|Conclusion]]-->
+
color: #FFFFFF;
-
|[[Team:Tokyo_Tech/Safety|Safety]]
+
margin: 0;
-
|}
+
padding: 0;
 +
position: absolute;
 +
}
 +
 
 +
ul#TopMenu
 +
{
 +
font-family: Arial, verdana, sans-serif;
 +
list-style: none;
 +
float: left;
 +
height: 30px;
 +
width: 975px
 +
}
 +
 +
ul#TopMenu > li
 +
{
 +
float: left;
 +
position:left;
 +
padding: 2px 15px 0 0;
 +
list-style: none;
 +
}
 +
 +
ul#TopMenu > li ul
 +
{
 +
background-color: #050505;
 +
color: #FFFFFF;
 +
display: none;
 +
position: absolute;
 +
font-size: 16px;
 +
opacity: 0.8;
 +
list-style: none;
 +
min-width: 100px;
 +
padding: 9px 0 5px 5px;
 +
z-index: 500;
 +
}
 +
 +
#TopMenu > li:hover ul
 +
{
 +
display: inline;
 +
}
 +
 +
#TopMenu > li > ul > li
 +
{
 +
position: relative;
 +
padding: 0 0 5px 5px;
 +
margin: -1px;
 +
}
 +
.footer
 +
{
 +
position: relative;
 +
 
 +
}
 +
 +
.name
 +
{
 +
font-style: italic;
 +
}
 +
 
 +
 
 +
#navigation a
 +
{
 +
text-decoration: none;
 +
background-color: transparent;
 +
color: #FFFFFF;
 +
}
 +
 +
#navigation a:hover
 +
{
 +
color: #FF9966;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
<!--
 +
var timeout = 500; //unit: ms
 +
var temp_timer = 0;  //for temp.
 +
var showed_item = 0;  //for temp.
 +
 
 +
function OpenMenu(elem)
 +
{
 +
StopMenuTimer();
 +
if(showed_item) showed_item.style.display = 'none';
 +
 +
showed_item = elem.getElementsByTagName('ul').item(0);
 +
if(showed_item == null) return;
 +
showed_item.style.display = 'block';
 +
 +
}
 +
 +
function CloseMenu()
 +
{
 +
if(showed_item) showed_item.style.display = 'none';
 +
}
 +
 +
function SetCloseTimer()
 +
{
 +
StopMenuTimer();
 +
temp_timer = window.setTimeout(CloseMenu, timeout);
 +
}
 +
 +
function StopMenuTimer()
 +
{
 +
if(temp_timer)
 +
{
 +
window.clearTimeout(temp_timer);
 +
temp_timer = null;
 +
}
 +
}
 +
 +
function getElementsByClass() {
 +
    var classElements = new Array();
 +
    var allElements = document.getElementsByTagName("*");
 +
    for (i = 0 ; i < allElements.length; i++) {
 +
if (allElements[i].className == 'firstHeading') {
 +
    allElements[i].style.display = 'none';
 +
  // window.alert('発見。');
 +
}
 +
    }
 +
}
 +
 +
window.onload = function() {
 +
getElementsByClass();
 +
var menu = window.document.getElementById('TopMenu');
 +
if(menu==null)
 +
return;
 +
var list = menu.getElementsByTagName('li');
 +
for(i=0; i<list.length; i++)
 +
{
 +
list[i].onmouseover = function(){
 +
OpenMenu(this);
 +
}
 +
 +
list[i].onmouseout = function(){SetCloseTimer();}
 +
list[i].onclick    = function(){
 +
if(showed_item) CloseMenu();
 +
else OpenMenu(this);
 +
}
 +
 +
var n_list = list[i].getElementsByTagName('ul');
 +
for(j=0; j<n_list.length; j++)
 +
{
 +
n_list[j].onmouseout = function(){SetCloseTimer();}
 +
n_list[j].onmouseover= function(){StopMenuTimer();}
 +
}
 +
}
 +
}
 +
//-->
 +
</script>
 +
 
 +
 
 +
 
 +
<!-- list of top menu -->
 +
<div id="navigation">
 +
<ul id="TopMenu">
 +
<li id="menu_Home"><a href="https://2012.igem.org/Team:Tokyo_Tech">Home</a></li>
 +
 +
<li id="menu_Project">
 +
Project
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Project">Cell-cell communication  &nbsp; &nbsp;  </a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/PHAs/index.htm">P(3HB) Production
 +
</a></li>
 +
 
 +
 +
 +
 +
</ul>
 +
</li>
 +
 
 +
<li id="menu_Extra">
 +
Experiments
 +
<ul style="width:450px;">
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/C6">3OC6HSL-dependent 3OC12HSL production
 +
</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/C12">3OC12HSL-dependent 3OC6HSL production
 +
</a></li>
 +
 
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/positivefeedback1">Positive feedback assay
 +
~Co-culture assay~
 +
</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/positivefeedback2">Positive feedback assay~Time-dependent change assay~</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/banddetect">Lux/Tet hybrid promoter assay
 +
</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/PHB">P(3HB) Production</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Experiment/PHB2">Making purified P(3HB) sheets
 +
</a></li>
 +
 
 +
</ul>
 +
</li>
 +
 
 +
 
 +
<li id="menu_Home"><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling">Modeling</a></li>
 +
 
 +
 
 +
 +
<li id="menu_data_page"><a href="https://2012.igem.org/Team:Tokyo Tech/Parts">Parts Submitted to the Registry</a></li>
 +
 
 +
</li>
 +
 +
<li id="menu_Human Practice"><a href="https://2012.igem.org/Team:Tokyo_Tech/HumanPractice.htm">Human Practice</a></li>
 +
 +
<li id="menu_Extra">
 +
More
 +
<ul style="width:210px;">
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Safety">Safety</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Attributions">Attribution and contribution</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Notebook">NoteBook</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Team">Team</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2012&team_name=Tokyo_Tech">Official Team Profile</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Comments.htm">Comments</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo Tech/Sponsers.htm">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
 
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- end of top menu -->

Latest revision as of 22:46, 26 October 2012