"
Team:uOttawa CA/Team
From 2012.igem.org
(Difference between revisions)
KyleHinskens (Talk | contribs) |
KyleHinskens (Talk | contribs) |
||
| Line 12: | Line 12: | ||
} | } | ||
| - | td.change { cursor: pointer; } | + | td.change { |
| + | cursor: pointer; | ||
| + | height: 130px; | ||
| + | width: 96px; | ||
| + | } | ||
td.middle { background-color: #0000FF; } | td.middle { background-color: #0000FF; } | ||
| Line 25: | Line 29: | ||
.team-name { | .team-name { | ||
| - | |||
background-color: #FF0000; | background-color: #FF0000; | ||
text-align: center; | text-align: center; | ||
| + | position: absolute; | ||
padding: 3px; | padding: 3px; | ||
| - | font-weight: bold; | + | font-weight: bold; |
| + | margin-top: -16px; | ||
| + | width: 90px; | ||
} | } | ||
</style> | </style> | ||
| Line 40: | Line 46: | ||
var id = $(this).attr('id'); | var id = $(this).attr('id'); | ||
| - | $("#team-content").html("<h1> | + | |
| + | $("#team-content").html("<h1>" + $("#name" + id).html() +"</h1>" + $("#team-content" + id).html()); | ||
| + | $("#team-td img").attr('src', $("#img" + id).attr('src')).attr('alt', $("#img" + id).attr('alt')); | ||
}); | }); | ||
}); | }); | ||
| Line 46: | Line 54: | ||
<table class="top" cellpadding="0" cellspacing="1" width="960"> | <table class="top" cellpadding="0" cellspacing="1" width="960"> | ||
<tr> | <tr> | ||
| - | <td class="change" id="1"><div class="team-name" id="name1"> | + | <td class="change" id="1"><img id="img1" src="http://www.profased.com/igem/jquery-rocks.png" width="96" alt="Blah" /><div class="team-name" id="name1">1</div></td> |
| - | <td class="change" id="2"><div class="team-name" id="name2">Zuhair</div></td> | + | <td class="change" id="2"><img id="img2" src="http://www.profased.com/igem/uo_zuhair.png" width="96" alt="Zuhair" /><div class="team-name" id="name2">Zuhair</div></td> |
| - | <td class="change" id="3"><div class="team-name" id="name3"> | + | <td class="change" id="3"><img id="img3" src="http://www.profased.com/igem/jquery-rocks.png" width="96" alt="Blah2" /><div class="team-name" id="name3">3</div></td> |
<td class="change" id="4">4</td> | <td class="change" id="4">4</td> | ||
<td class="change" id="5">5</td> | <td class="change" id="5">5</td> | ||
| Line 61: | Line 69: | ||
<td class="middle" colspan="8" rowspan="2"> | <td class="middle" colspan="8" rowspan="2"> | ||
| - | <img class="fl" src="http://www.profased.com/igem/jquery-rocks.png" alt="" /> | + | <img class="fl" src="http://www.profased.com/igem/jquery-rocks.png" alt="jquery" /> |
| - | <div id="team-content"><h1>Click the numbers to change me!</h1> | + | <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.<br /><br />Write some stuff here about the person. Write some stuff here about the person. </div> |
</td> | </td> | ||
| Line 86: | Line 94: | ||
<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-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"> | + | <div class="hidden" id="team-content2">This is Zuhair's description.</div> |
<div class="hidden" id="team-content3">Like I said, the text changes as well. </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> | <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> | ||
Revision as of 23:00, 3 September 2012
 |
 |
 |
 |
 |
 |
 |
 |
 1 |
 Zuhair |
3 |
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. |
12 | |||||||
| 13 | 14 | ||||||||
| 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
Don't worry, the image will change too once I have them. (Take note of the numbers changing)
This is Zuhair's description.
Like I said, the text changes as well.
Don't worry, the image will change too once I have them. (Take note of the numbers changing)
