Template:CalgaryHeader2

From 2009.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 90: Line 90:
UNIVERSITY OF CALGARY
UNIVERSITY OF CALGARY
</div>
</div>
-
<script language="javascript">
 
-
images = new Array(10);
 
-
images[0] = "<img src='images/rotate/01.gif' alt='one' width='120' height='120' border='0' />";
 
-
images[1] = "<img src='images/rotate/02.gif' alt='two' width='120' height='120' border='0' />";
 
-
images[2] = "<img src='images/rotate/03.gif' alt='three' width='120' height='120' border='0' />";
 
-
images[3] = "<img src='images/rotate/04.gif' alt='four' width='120' height='120' border='0' />";
 
-
images[4] = "<img src='images/rotate/05.gif' alt='five' width='120' height='120' border='0' />";
 
-
images[5] = "<img src='images/rotate/06.gif' alt='six' width='120' height='120' border='0' />";
 
-
images[6] = "<img src='images/rotate/07.gif' alt='seven' width='120' height='120' border='0' />";
 
-
images[7] = "<img src='images/rotate/08.gif' alt='eight' width='120' height='120' border='0' />";
 
-
images[8] = "<img src='images/rotate/09.gif' alt='nine' width='120' height='120' border='0' />";
 
-
images[9] = "<img src='images/rotate/10.gif' alt='ten' width='120' height='120' border='0' />";
 
-
index = Math.floor(Math.random() * images.length);
+
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/header/1.png" width="965px" height="293px">
-
document.write("<br><br>");
+
-
document.write(images[index]);
+
-
</script>
+
</div>
</div>
Line 265: Line 250:
</div>
</div>
</div>
</div>
-
 
-
 
-
<iframe id="imagenav" width="254" height="183" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
-
<html>
 
-
<head>
 
-
<title>UNCLE JIM'S ROTATING PAGE NAVIGATION</title>
 
-
<body style="margin:0px;">
 
-
<script type="text/javascript"><!--
 
-
/*
 
-
______________________________________________________
 
-
/¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯\
 
-
|          Another JavaScript from Uncle Jim          |
 
-
|                                                      |
 
-
|  Feel free to copy, use and change this script as  |
 
-
|        long as this part remains unchanged.          |
 
-
|                                                      |
 
-
|      Visit my website at http://www.jdstiles.com    |
 
-
|          for more scripts like this one            |
 
-
|                                                      |
 
-
|                    Created: 1996                    |
 
-
|              Last Updated: December, 2005            |
 
-
\______________________________________________________/
 
-
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 
-
*/
 
-
 
-
//configure delay between changing messages (3000=3 seconds)
 
-
var delay=3000
 
-
 
-
var ie4=document.all
 
-
 
-
var curindex=0
 
-
var totalcontent=0
 
-
 
-
function get_total(){
 
-
if (ie4){
 
-
while (eval("document.all.content"+totalcontent))
 
-
totalcontent++
 
-
}
 
-
else{
 
-
while (document.getElementById("content"+totalcontent))
 
-
totalcontent++
 
-
}
 
-
}
 
-
 
-
function contract_all(){
 
-
for (y=0;y<totalcontent;y++){
 
-
if (ie4)
 
-
eval("document.all.content"+y).style.display="none"
 
-
else
 
-
document.getElementById("content"+y).style.display="none"
 
-
}
 
-
}
 
-
 
-
function expand_one(which){
 
-
contract_all()
 
-
if (ie4)
 
-
eval("document.all.content"+which).style.display=""
 
-
else
 
-
document.getElementById("content"+which).style.display=""
 
-
}
 
-
 
-
function rotate_content(){
 
-
get_total()
 
-
contract_all()
 
-
expand_one(curindex)
 
-
curindex=(curindex<totalcontent-1)? curindex+1: 0
 
-
setTimeout("rotate_content()",delay)
 
-
}
 
-
 
-
window.onload=rotate_content
 
-
//--></script>
 
-
</head>
 
-
<body>
 
-
<div id="content0" style="display:''">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="javamain.html" target="_blank">
 
-
<img src="images/javascripts.jpg" width="254" height="183" border="0" alt="Javascript Examples"></a></p>
 
-
</div>
 
-
 
-
<div id="content1" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="sets.html" target="_blank">
 
-
<img src="images/dsets.jpg" width="254" height="183" border="0" alt="Design Sets"></a></p>
 
-
</div>
 
-
 
-
<div id="content2" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="java/101.html" target="_blank">
 
-
<img src="java/images/help2.bmp" width="254" height="183" border="0" alt="Developer Tools"></a></p>
 
-
</div>
 
-
 
-
<div id="content3" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="java/games.html" target="_blank">
 
-
<img src="java/images/games2.bmp" width="254" height="183" border="0" alt="On-Line Games"></a></p>
 
-
</div>
 
-
 
-
<div id="content4" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="http://jdstiles.com/forums.html" target="_blank">
 
-
<img src="images/bbforums.jpg" width="254" height="183" border="0" alt="Message Forums"></a></p>
 
-
</div>
 
-
 
-
<div id="content5" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="tips/index.html" target="_blank">
 
-
<img src="images/xp.jpg" width="254" height="183" border="0" alt="Windows Tips"></a></p>
 
-
</div>
 
-
 
-
<div id="content6" style="display:none">
 
-
<p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES -->
 
-
<a href="sitetree.html" target="_blank">
 
-
<img src="images/index2.jpg" width="254" height="183" border="0" alt="Site Updates"></a></p>
 
-
</div>
 
-
</body>
 
-
</html>
 
-
</iframe>
 
</body>
</body>
</html>
</html>

Latest revision as of 19:52, 18 September 2009

University of Calgary

UNIVERSITY OF CALGARY