Team:uOttawa CA/Team

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:uOttawa_Header|nav=team}}
{{Template:uOttawa_Header|nav=team}}
 +
<html>
 +
<style type="text/css">
 +
a { text-decoration: none; }
-
Team
+
h1, h2 { border: none; }
 +
 
 +
td {
 +
width: 90px;
 +
height: 130px;
 +
background-color: #00FF00;
 +
}
 +
 
 +
td.change { cursor: pointer; }
 +
 
 +
td.middle { background-color: #0000FF; }
 +
 
 +
table.top td { vertical-align: top; }
 +
img.fl {
 +
float: left;
 +
margin: 5px 10px 5px 5px;
 +
}
 +
 
 +
#team-content { margin: 5px; }
 +
 
 +
.team-name {
 +
margin-top: 104px;
 +
background-color: #FF0000;
 +
text-align: center;
 +
padding: 3px;
 +
font-weight: bold;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".hidden").hide();
 +
 
 +
$(".change").click(function(e) {
 +
var id = $(this).attr('id');
 +
 
 +
$("#team-content").html("<h1>" + id + " - " + $("#name" + id).html() +"</h1>" + $("#team-content" + id).html());
 +
});
 +
});
 +
</script>
 +
<table class="top" cellpadding="0" cellspacing="1" width="960">
 +
<tr>
 +
<td class="change" id="1"><div class="team-name" id="name1">Kyle</div></td>
 +
<td class="change" id="2"><div class="team-name" id="name2">Zuhair</div></td>
 +
<td class="change" id="3"><div class="team-name" id="name3">Elizabeth</div></td>
 +
<td class="change" id="4">4</td>
 +
<td class="change" id="5">5</td>
 +
<td class="change" id="6">6</td>
 +
<td class="change" id="7">7</td>
 +
<td class="change" id="8">8</td>
 +
<td class="change" id="9">9</td>
 +
<td class="change" id="10">10</td>
 +
</tr>
 +
<tr>
 +
<td class="change" id="11">11</td>
 +
 
 +
<td class="middle" colspan="8" rowspan="2">
 +
<img class="fl" src="http://www.profased.com/igem/jquery-rocks.png" alt="" />
 +
<div id="team-content"><h1>Click the numbers to change me!</h1> Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person.<br /><br />Write some stuff here about the person. Write some stuff here about the person. </div>
 +
</td>
 +
 
 +
<td class="change" id="12">12</td>
 +
</tr>
 +
<tr>
 +
<td class="change" id="13">13</td>
 +
<td class="change" id="14">14</td>
 +
</tr>
 +
<tr>
 +
<td class="change" id="15">15</td>
 +
<td class="change" id="16">16</td>
 +
<td class="change" id="17">17</td>
 +
<td class="change" id="18">18</td>
 +
<td class="change" id="19">19</td>
 +
<td class="change" id="20">20</td>
 +
<td class="change" id="21">21</td>
 +
<td class="change" id="22">22</td>
 +
<td class="change" id="23">23</td>
 +
<td class="change" id="24">24</td>
 +
</tr>
 +
</table>
 +
 
 +
<div class="hidden" id="team-content1">Don't worry, the image will change too once I have them. (Take note of the numbers changing)</div>
 +
<div class="hidden" id="team-content2">And yes this changes too!</div>
 +
<div class="hidden" id="team-content3">Like I said, the text changes as well. </div>
 +
<div class="hidden" id="team-content4">Don't worry, the image will change too once I have them. (Take note of the numbers changing)</div>
 +
 
 +
</html>
{{Template:uOttawa_Footer}}
{{Template:uOttawa_Footer}}

Revision as of 00:14, 24 July 2012

Kyle
Zuhair
Elizabeth
 4 5 6 7 8 9 10
11

Click the numbers to change me!

Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person. Write some stuff here about the person.

Write some stuff here about the person. Write some stuff here about the person.
12
13 14
15 16 17 18 19 20 21 22 23 24



Retrieved from "http://2012.igem.org/Team:uOttawa_CA/Team"