Team:UT Dallas/Infographics

From 2012.igem.org

(Difference between revisions)
(Created page with "__NOTOC__ <html> <!-- Internet Explorer PNG fix - START /--> <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</sc...")
Line 9: Line 9:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
 +
 +
<script type="text/javascript">
 +
var prev_fname="";
 +
function change_map(fname)
 +
{
 +
if(prev_fname!=fname)
 +
{
 +
        $('#world_map').fadeOut("slow");
 +
$('#world_map').html($('#'+fname).html());
 +
$('#world_map').fadeIn("slow");
 +
prev_fname=fname;
 +
}
 +
}
 +
</script>
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&purtryjryjytu=eryw" rel="stylesheet">
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&purtryjryjytu=eryw" rel="stylesheet">
</html>
</html>
Line 18: Line 32:
This year, it has been X years since iGEM first started. We wanted to highlight some of the defining moments and show them to the rest of the iGEM world through these infographics! Enjoy!
This year, it has been X years since iGEM first started. We wanted to highlight some of the defining moments and show them to the rest of the iGEM world through these infographics! Enjoy!
</div>
</div>
-
<table class="t1" cellspacing="0" cellpadding="0" width="100%">
+
<div id='all_charts' style='display:none;visibility:hidden;'>
-
<tr width="100%">
+
<div id='2012'>
-
  <td width='50%' valign='top'>Main Infographic</td>
+
G0
-
  <td width='50%' valign='top'>Registry</td>
+
</div>
-
</tr>
+
 
-
<tr><td><br></td><td><br></td></tr>
+
<div id='2011'>
-
<tr width="100%">
+
G1
-
   <td width='50%' valign='top'>Countries</td>
+
</div>
-
   <td width='50%' valign='top'>Whatever else</td>
+
 
-
</tr>
+
<div id='2010'>
-
</table>
+
G2
 +
</div>
 +
 
 +
<div id='2009'>
 +
G3
 +
</div>
 +
 
 +
<div id='2008'>
 +
G4
 +
</div>
 +
 
 +
<div id='2007'>
 +
G5
 +
</div>
 +
 
 +
<div id='2006'>
 +
G6
 +
</div>
 +
 
 +
<div id='2005'>
 +
G7
 +
</div>
 +
 
 +
<div id='2004'>
 +
G8
 +
</div>
 +
</div>
 +
 
 +
<div id='world_map'>map</div>
 +
<ul style='list-style: none outside none;'>
 +
  <li class='st_list' onclick="change_map('2004')">2004</li>
 +
  <li class='st_list' onclick="change_map('2005')">2005</li>
 +
  <li class='st_list' onclick="change_map('2006')">2006</li>
 +
   <li class='st_list' onclick="change_map('2007')">2007</li>
 +
   <li class='st_list' onclick="change_map('2008')">2008</li>
 +
  <li class='st_list' onclick="change_map('2009')">2009</li>
 +
  <li class='st_list' onclick="change_map('2010')">2010</li>
 +
  <li class='st_list' onclick="change_map('2011')">2011</li>
 +
  <li class='st_list' onclick="change_map('2012')">2012</li>
 +
</ul>
</div>
</div>
</html>
</html>

Revision as of 00:52, 24 September 2012

Infographics

This year, it has been X years since iGEM first started. We wanted to highlight some of the defining moments and show them to the rest of the iGEM world through these infographics! Enjoy!
map
  • 2004
  • 2005
  • 2006
  • 2007
  • 2008
  • 2009
  • 2010
  • 2011
  • 2012
Retrieved from "http://2012.igem.org/Team:UT_Dallas/Infographics"