Template:CalgaryHeader2

From 2009.igem.org

(Difference between revisions)
Line 3: Line 3:
     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
     <title>University of Calgary</title>
     <title>University of Calgary</title>
 +
 +
 +
<script type="text/javascript"><!--
 +
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>
</head>
 +
<style>
<style>
body{
body{
Line 90: Line 132:
UNIVERSITY OF CALGARY
UNIVERSITY OF CALGARY
</div>
</div>
-
<script language="javascript">
+
<div id="content0" style="display:none">
-
images = new Array(10);
+
<img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/autumnnorman-b1.jpg" width="965px" height="293px" border="0">
-
images[0] = "<img src='images/rotate/01.gif' alt='one' width='120' height='120' border='0' />";
+
</div>
-
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);
+
<div id="content1" style="display:none">
-
document.write("<br><br>");
+
<img src="http://wcmprod2.ucalgary.ca/wcmsupport/files/wcmsupport/images/autumn10norman-b1.jpg" width="965px" height="293px" border="0">
-
document.write(images[index]);
+
</div>
-
</script>
+
</div>
</div>
</div>
Line 265: Line 298:
</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>
 
-
</html>
 

Revision as of 08:24, 18 September 2009

University of Calgary

UNIVERSITY OF CALGARY

Retrieved from "http://2009.igem.org/Template:CalgaryHeader2"