Difference between revisions of "Team:Reading/Team"

Line 1: Line 1:
−
{{Head}}
+
{
−
<html>
+
    {
 +
        Head
 +
    }
 +
} < html >
  
−
<HEAD>
+
    < HEAD >
−
  <SCRIPT LANGUAGE="JavaScript">
+
    < SCRIPT LANGUAGE = "JavaScript" >
−
function changeBioContent(index)
+
    function changeBioContent(index) {
−
{
+
        var bios = ["Hannah", "Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Nasser", "Tom", "Tom", "Jenny"];
−
var bios = ["Hannah", "Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Nasser", "Tom", "Tom", "Jenny"];
+
        document.getElementById("bioframe").innerHTML = '<FONT COLOR="#000000">' + bios[index] + '</font>';
−
document.getElementById("bioframe").innerHTML='<FONT COLOR="#000000">' + bios[index] + '</font>';
+
    }
−
}
+
−
+
−
function buildMenu()
+
−
{
+
−
var menuHTML = '.';
+
−
for(i1 = 0; i1 < 10; i1++){
+
−
menuHTML += '<div id="MenuHome" onmouseout="DullMenu()" onmouseover="lightUpMenu(this)" style = "float:left;"><a href="https://2015.igem.org/Team:Reading">HOME</a></div>';
+
−
}
+
  
−
document.getElementById("Menu").innerHTML= menuHTML;
+
function buildMenu() {
−
}
+
    var menuHTML = '.';
 +
    for (i1 = 0; i1 < 10; i1++) {
 +
        menuHTML += '<div id="MenuHome" onmouseout="DullMenu()" onmouseover="lightUpMenu(this)" style = "float:left;"><a href="https://2015.igem.org/Team:Reading">HOME</a></div>';
 +
    }
  
−
function lightUpMenu(Button)
+
    document.getElementById("Menu").innerHTML = menuHTML;
−
{
+
}
−
Button.style.backgroundColor = '#FF0000';
+
−
Button.style.Color = 'white';
+
−
}
+
  
−
function DullMenu(Button)
+
function lightUpMenu(Button) {
−
{
+
    Button.style.backgroundColor = '#FF0000';
−
Button.style.backgroundColor = '#FFFFFF';
+
    Button.style.Color = 'white';
−
Button.style.Color = 'blue';
+
}
−
}
+
−
window.onload = buildMenu;
+
−
  </SCRIPT>
+
−
</HEAD>
+
  
−
<body>
+
function DullMenu(Button) {
 +
    Button.style.backgroundColor = '#FFFFFF';
 +
    Button.style.Color = 'blue';
 +
}
 +
window.onload = buildMenu; < /SCRIPT> < /HEAD>
  
−
<table style="width:100%; color:#ffffff; background-color:#25d4e9">
+
< body >
−
<tr>
+
−
  <td colspan="4">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg">
+
−
<h1 style="color:#ffffff; font-size:45px">EcoCharge</h1>
+
  
−
  </td>
+
    < table style = "width:100%; color:#ffffff; background-color:#25d4e9" >
−
<tr>
+
    < tr >
−
  <td colspan="4">
+
    < td colspan = "4" >
−
<h3 style="color:#ffffff">Reading University iGEM Team 2015</h3>
+
    < img src = "https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg" >
−
  </td>
+
    < h1 style = "color:#ffffff; font-size:45px" > EcoCharge < /h1>
−
</tr>
+
−
<tr>
+
−
  <td colspan="4" bgcolor="ffffff">
+
−
<div id = "Menu">
+
−
</div>
+
−
  </td>
+
−
</tr>
+
−
  <tr>
+
−
  <td>
+
−
</br>
+
−
  </td>
+
−
  </tr>
+
−
<tr>
+
−
<td>Hannah Collard
+
−
  <div onmouseover="changeBioContent(0)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Benny Bostock
+
−
<div onmouseover="changeBioContent(1)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Chris Tucker
+
−
<div onmouseover="changeBioContent(2)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
  <td rowspan="5">
+
−
<div id="bioframe" style="height:900px; max-width:450px; min-width:450px; background-color:#ffffff">
+
−
  <FONT COLOR="#000000">roll over the images to see the team member bio and extra photos in here.</font>
+
−
</div>
+
−
  </td>
+
−
  </tr>
+
−
  <tr>
+
−
<td>Emily Michelle Capes
+
−
  <div onmouseover="changeBioContent(3)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Izzah Elahi
+
−
  <div onmouseover="changeBioContent(4)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Matt Shepherd
+
−
  <div onmouseover="changeBioContent(5)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
  </tr>
+
−
  <tr>
+
−
<td>Nasser Al-Farhan
+
−
  <div onmouseover="changeBioContent(6)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Pete Roe
+
−
  <div onmouseover="changeBioContent(7)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Pete Whitehead
+
−
  <div onmouseover="changeBioContent(8)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
  </tr>
+
−
  <tr>
+
−
<td>Nasser Al-Farhan
+
−
  <div onmouseover="changeBioContent(9)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Samuel Hardy
+
−
<div onmouseover="changeBioContent(10)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Tom Biggs
+
−
  <div onmouseover="changeBioContent(11)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
  </tr>
+
−
  <tr>
+
−
<td>Tom Ward-Leggat
+
−
  <div onmouseover="changeBioContent(12)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
<td>Jennifer Elizabeth
+
−
  <div onmouseover="changeBioContent(13)">
+
−
</br><img src="https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png">
+
−
  </div>
+
−
</td>
+
−
  </tr>
+
−
  <tr>
+
−
  <td>
+
−
</br></br>
+
−
  </td>
+
−
  </tr>
+
  
−
</table>
+
< /td> < tr >
 +
    < td colspan = "4" >
 +
    < h3 style = "color:#ffffff" > Reading University iGEM Team 2015 < /h3> < /td> < /tr> < tr >
 +
    < td colspan = "4"
 +
bgcolor = "ffffff" >
 +
    < div id = "Menu" >
 +
    < /div> < /td> < /tr> < tr >
 +
    < td >
 +
    < /br> < /td> < /tr> < tr >
 +
    < td > Hannah Collard < div onmouseover = "changeBioContent(0)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Benny Bostock < div onmouseover = "changeBioContent(1)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Chris Tucker < div onmouseover = "changeBioContent(2)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td rowspan = "5" >
 +
    < div id = "bioframe"
 +
style = "height:900px; max-width:450px; min-width:450px; background-color:#ffffff" >
 +
    < FONT COLOR = "#000000" > roll over the images to see the team member bio and extra photos in here. < /font> < /div> < /td> < /tr> < tr >
 +
    < td > Emily Michelle Capes < div onmouseover = "changeBioContent(3)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Izzah Elahi < div onmouseover = "changeBioContent(4)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Matt Shepherd < div onmouseover = "changeBioContent(5)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr >
 +
    < td > Nasser Al - Farhan < div onmouseover = "changeBioContent(6)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Pete Roe < div onmouseover = "changeBioContent(7)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Pete Whitehead < div onmouseover = "changeBioContent(8)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr >
 +
    < td > Nasser Al - Farhan < div onmouseover = "changeBioContent(9)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Samuel Hardy < div onmouseover = "changeBioContent(10)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Tom Biggs < div onmouseover = "changeBioContent(11)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr >
 +
    < td > Tom Ward - Leggat < div onmouseover = "changeBioContent(12)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Jennifer Elizabeth < div onmouseover = "changeBioContent(13)" >
 +
    < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr >
 +
    < td >
 +
    < /br></br >
 +
    < /td> < /tr>
  
−
</body>
+
< /table>
−
</html>
+
  
−
{{Tail}}
+
< /body> < /html>
 +
 
 +
{
 +
    {
 +
        Tail
 +
    }
 +
}

Revision as of 01:20, 13 July 2015

{ { Head } } < html >

< HEAD > < SCRIPT LANGUAGE = "JavaScript" > function changeBioContent(index) { var bios = ["Hannah", "Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Nasser", "Tom", "Tom", "Jenny"]; document.getElementById("bioframe").innerHTML = '' + bios[index] + ''; }

function buildMenu() { var menuHTML = '.'; for (i1 = 0; i1 < 10; i1++) {

menuHTML += '';

}

document.getElementById("Menu").innerHTML = menuHTML; }

function lightUpMenu(Button) { Button.style.backgroundColor = '#FF0000'; Button.style.Color = 'white'; }

function DullMenu(Button) { Button.style.backgroundColor = '#FFFFFF'; Button.style.Color = 'blue'; } window.onload = buildMenu; < /SCRIPT> < /HEAD>

< body >

< table style = "width:100%; color:#ffffff; background-color:#25d4e9" > < tr > < td colspan = "4" > < img src = "Reading2015IGEMShield.jpg" > < h1 style = "color:#ffffff; font-size:45px" > EcoCharge < /h1>

< /td> < tr > < td colspan = "4" > < h3 style = "color:#ffffff" > Reading University iGEM Team 2015 < /h3> < /td> < /tr> < tr > < td colspan = "4" bgcolor = "ffffff" > < div id = "Menu" > < /div> < /td> < /tr> < tr > < td > < /br> < /td> < /tr> < tr > < td > Hannah Collard < div onmouseover = "changeBioContent(0)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Benny Bostock < div onmouseover = "changeBioContent(1)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Chris Tucker < div onmouseover = "changeBioContent(2)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td rowspan = "5" > < div id = "bioframe" style = "height:900px; max-width:450px; min-width:450px; background-color:#ffffff" > < FONT COLOR = "#000000" > roll over the images to see the team member bio and extra photos in here. < /font> < /div> < /td> < /tr> < tr > < td > Emily Michelle Capes < div onmouseover = "changeBioContent(3)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Izzah Elahi < div onmouseover = "changeBioContent(4)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Matt Shepherd < div onmouseover = "changeBioContent(5)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr > < td > Nasser Al - Farhan < div onmouseover = "changeBioContent(6)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Pete Roe < div onmouseover = "changeBioContent(7)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Pete Whitehead < div onmouseover = "changeBioContent(8)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr > < td > Nasser Al - Farhan < div onmouseover = "changeBioContent(9)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Samuel Hardy < div onmouseover = "changeBioContent(10)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Tom Biggs < div onmouseover = "changeBioContent(11)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr > < td > Tom Ward - Leggat < div onmouseover = "changeBioContent(12)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < td > Jennifer Elizabeth < div onmouseover = "changeBioContent(13)" > < /br><img src="http:/ / 2015. igem.org / wiki / images / 4 / 41 / Blankprofile.png "> < /div> < /td> < /tr> < tr > < td > < /br></br > < /td> < /tr>

< /table>

< /body> < /html>

{ { Tail } }