User:Kleinsorg/main

From 2010.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
-
<head>
 
-
 
<style type="text/css">
<style type="text/css">
 +
 +
#table_header_left {
 +
width:640px;
 +
table-layout:fixed;
 +
border-style:none;
 +
border-spacing:0;
 +
vertical-align:top;
 +
padding-top:30px;
 +
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/d/de/Main_frame_tl.png) no-repeat;
 +
}
 +
 +
#table_header_right {
 +
width:335px;
 +
table-layout:fixed;
 +
border-style:none;
 +
border-spacing:0;
 +
padding:100px 10px 0 35px;
 +
vertical-align:top;
 +
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/ce/Main_frame_tr.png) no-repeat;
 +
 +
}
 +
 +
.mainwrapper {
 +
width:640px;
 +
position: relative;
 +
padding-left:0px;
 +
padding-bottom:10px;
 +
padding-right:0px;
 +
vertical-align:top;
 +
overflow:hidden;
 +
font-family:Calibri
 +
}
 +
 +
.subtable_left {
 +
border-style:none;
 +
border-spacing:0;
 +
padding-left:0px;
 +
margin-left:10px;
 +
}
 +
 +
.subtable_right {
 +
border-style:none;
 +
border-spacing:0;
 +
}
 +
 +
#contenttable {
 +
position:relative;
 +
width:975px;
 +
top: -60px;
 +
border-style:none;
 +
border-spacing:0;
 +
vertical-align:top;
 +
margin:0px;
 +
background-color:transparent;
 +
table-layout:fixed;
 +
}
 +
 +
#table_footer_left {
 +
width:640px;
 +
table-layout:fixed;
 +
height:80px;
 +
border-style:none;
 +
border-spacing:5;
 +
vertical-align:top;
 +
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/cc/Main_frame_bl.png) no-repeat;
 +
}
 +
 +
#table_footer_right {
 +
width:335px;
 +
table-layout:fixed;
 +
height:80px;
 +
border-style:none;
 +
border-spacing:5;
 +
vertical-align:top;
 +
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/b/bf/Main_frame_br.png) no-repeat;
 +
}
.piclinks {
.piclinks {
Line 22: Line 96:
text-align:center;
text-align:center;
align:center;
align:center;
-
border:solid;
 
}
}
 +
 +
a { outline:0}
 +
</style>
</style>
 +
<script type="text/javascript">
<script type="text/javascript">
-
function writeText(txt)
+
-
{document.getElementById("desc").innerHTML=txt;}
+
var modelarray = new Array();
-
</script>
+
var teamarray = new Array();
 +
var humanarray = new Array();
 +
var notearray = new Array();
 +
var partsarray = new Array();
 +
var sponsarray = new Array();
-
</head>
+
for (var i = 0; i <= 3; i++) {
 +
modelarray[i] = new Image();
 +
teamarray[i] = new Image();
 +
humanarray[i] = new Image();
 +
notearray[i] = new Image();
 +
partsarray[i] = new Image();
 +
sponsarray[i] = new Image();
 +
}
-
<body>
+
modelarray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/3c/Modeling.png";
 +
modelarray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/a6/Modeling_hover.png";
 +
modelarray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/e/e1/Modeling_down.png";
 +
 
 +
teamarray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/32/Team.png";
 +
teamarray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/d/d2/Team_hover.png";
 +
teamarray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/9/97/Team_down.png";
 +
 
 +
humanarray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/f4/Human_Practices.png";
 +
humanarray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/1e/Human_practices_hover.png";
 +
humanarray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/d/d6/Human_practices_down.png";
 +
 
 +
notearray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/9/95/Notebook.png";
 +
notearray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/18/Notebook_hover.png";
 +
notearray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/a5/Notebook_down.png";
 +
 
 +
partsarray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/79/Parts.png";
 +
partsarray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/38/Parts_hover.png";
 +
partsarray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/c0/Parts_down.png";
 +
 
 +
sponsarray[1].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/16/Sponsors.png";
 +
sponsarray[2].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/a1/Sponsors_hover.png";
 +
sponsarray[3].src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/cc/Sponsors_down.png";
 +
 
 +
function writeText(txt)
 +
{document.getElementById("desc").innerHTML=txt; }
 +
 
 +
function swap(num,effect) {
 +
 
 +
switch (num) {
 +
 
 +
case 1: document.getElementById("pic"+num).src =modelarray[effect].src;
 +
break;
 +
case 2: document.getElementById("pic"+num).src =teamarray[effect].src;
 +
break;
 +
case 3: document.getElementById("pic"+num).src =humanarray[effect].src;
 +
break;
 +
case 4: document.getElementById("pic"+num).src =notearray[effect].src;
 +
break;
 +
case 5: document.getElementById("pic"+num).src =partsarray[effect].src;
 +
break;
 +
case 6: document.getElementById("pic"+num).src =sponsarray[effect].src;
 +
break;
 +
}
 +
}
 +
 
 +
function mouseOver(num) {
 +
swap(num,2);
 +
}
 +
 
 +
function mouseOut(num)
 +
{
 +
swap(num,1);
 +
}
 +
 
 +
function mouseDown(num)
 +
{
 +
swap(num,3);
 +
}
 +
 
 +
function mouseUp(num)
 +
{
 +
swap(num,2);
 +
}
 +
 
 +
</script>
-
<div style="align:center; text-align:center;">
+
  <body>
-
<a class="piclinks" href="javascript:writeText('2This is a Test if MouseOver is working!')">
+
    <table border=0 cellpadding="0" cellspacing="0" id="contenttable">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/3c/Modeling.png" />
+
<tr>
 +
<td  id="table_header_left">
 +
<table border=0 class="subtable_left">
 +
<tr>
 +
<td class="mainwrapper">
 +
<div style="text-align:center;">
 +
<a class="piclinks" href="javascript:writeText('You are working in bacteria and never heard of U2-OS, SREBP or CYP1A1? Dont worry! Browse our Eukaryopedia and enter the world of mammalian BioBricks. ')">
 +
<img id="pic1"  onMouseOver="mouseOver(1)" onMouseOut="mouseOut(1)" onMouseDown="mouseDown(1)" onMouseUp="mouseUp(1)" border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/3c/Modeling.png" />
</a>
</a>
-
<a class="piclinks" href="javascript:writeText('008  is a Test if MouseOver is working!')">
+
<a class="piclinks" href="javascript:writeText('Our team worked on a computational approach for the rational design of promoter libraries. Similar to existing methods which predict spatial preferences of transcription factor binding sites (TFBS) by detecting statistically overrepresented motives we used Promotersweep to analyze and process the information of over 4000 human promoter sequences. ')" onMouseOver="mouseOver(2)" onMouseOut="mouseOut(2)" onMouseDown="mouseDown(2)" onMouseUp="mouseUp(2)">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/32/Team.png" />
+
<img id="pic2"  border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/32/Team.png"; />
</a>
</a>
-
<a class="piclinks" href="javascript:writeText('008 This a Test if MouseOver is working!')">
+
<a class="piclinks" href="javascript:writeText('Thirteen students and nine advisors are working on this four month project. We split up into several subgroups whose focus and results you can follow on the Notebook and Project pages. If you want to know more about the subgroups and the people involved, meet us on our Team page and lets get to know each other better at the Jamboree in Boston. ')" onMouseOver="mouseOver(3)" onMouseOut="mouseOut(3)" onMouseDown="mouseDown(3)" onMouseUp="mouseUp(3)">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/f4/Human_Practices.png" />
+
<img id="pic3"  border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/f4/Human_Practices.png" />
</a>
</a>
Line 51: Line 211:
<br><br>
<br><br>
-
<a class="piclinks" href="javascript:writeText('writeText('008 This is Test if MouseOver is working!')">
+
<a class="piclinks" href="javascript:writeText('You are working in bacteria and never heard of U2-OS, SREBP or CYP1A1? Dont worry! Browse our Eukaryopedia and enter the world of mammalian BioBricks. ')" onMouseOver="mouseOver(4)" onMouseOut="mouseOut(4)" onMouseDown="mouseDown(4)" onMouseUp="mouseUp(4)">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/9/95/Notebook.png" />
+
<img id="pic4" border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/9/95/Notebook.png" />
</a>
</a>
-
<a class="piclinks" href="javascript:writeText('008 This is a if MouseOver is working!')">
+
<a class="piclinks" href="javascript:writeText('Our team worked on a computational approach for the rational design of promoter libraries. Similar to existing methods which predict spatial preferences of transcription factor binding sites (TFBS) by detecting statistically overrepresented motives we used Promotersweep to analyze and process the information of over 4000 human promoter sequences. ')" onMouseOver="mouseOver(5)" onMouseOut="mouseOut(5)" onMouseDown="mouseDown(5)" onMouseUp="mouseUp(5)">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/79/Parts.png" />
+
<img id="pic5"  border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/79/Parts.png" />
</a>
</a>
-
<a class="piclinks" href="javascript:writeText('008 This is a Test  MouseOver is working!')">
+
<a class="piclinks" href="" onMouseOver="mouseOver(6); writeText('Thirteen students and nine advisors are working on this four month project. We split up into several subgroups whose focus and results you can follow on the Notebook and Project pages. If you want to know more about the subgroups and the people involved, meet us on our Team page and lets get to know each other better at the Jamboree in Boston. ')" onMouseOut="mouseOut(6); writeText('')" onMouseDown="mouseDown(6)" onMouseUp="mouseUp(6)">
-
<img border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/16/Sponsors.png" />
+
<img id="pic6"  border=0 src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/16/Sponsors.png" />
</a>
</a>
</div>
</div>
-
</body>
+
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
<td  id="table_header_right">
 +
<table border=0  class="subtable_right">
 +
<tr>
 +
<td><img src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/b/bf/20100823_igemhd2010_2.jpg" width="260px"/><br><br>
 +
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=F09600&date_month=11&date_day=05&date_year=0&un=UNTIL IGEM JAMBOREE 2010&size=normal&mo=11&da=05&yr=2010" width="250" height="80"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=F09600&date_month=11&date_day=05&date_year=0&un=UNTIL IGEM JAMBOREE 2010&size=normal&mo=11&da=05&yr=2010" /></object>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td id="table_footer_left">
 +
&nbsp;
 +
</td>
 +
<td  id="table_footer_right">&nbsp;
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
  </body>
</html>
</html>

Revision as of 12:09, 30 September 2010