Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 5: Line 5:
<title> iGEM Information Tabs </title>
<title> iGEM Information Tabs </title>
-
<script type="text/javascript">
+
<script type="text/javascript" src="http://www.wikiwikiwebworks.ca/script1.js"></script>
-
+
-
 
+
-
var curr_menu = "suffield";
+
-
+
-
 
+
-
function imgHover( link )
+
-
{
+
-
    var hov = link;
+
-
 
+
-
    switch (hov)
+
-
    {
+
-
+
-
        case 1:
+
-
 
+
-
            if ( curr_menu != "suffield" )
+
-
            {
+
-
 
+
-
                img = document.getElementById('suffield');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldBlue.png';
+
-
 
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 2:
+
-
 
+
-
            if ( curr_menu != "lethbridge" )
+
-
            {
+
-
       
+
-
                img = document.getElementById('lethbridge');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeBlue.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 3:
+
-
 
+
-
            if ( curr_menu != "proteinman" )
+
-
            {
+
-
       
+
-
                img = document.getElementById('proteinman');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManBlue.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 4:
+
-
+
-
            if ( curr_menu != "community" )
+
-
 
+
-
            {
+
-
+
-
                img = document.getElementById('community');
+
-
 
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityBlue.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
 
+
-
        case 5:
+
-
+
-
            if ( curr_menu != "agem" )
+
-
+
-
            {
+
-
       
+
-
        img = document.getElementById('agem');
+
-
 
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMBlue.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
               
+
-
        default:
+
-
+
-
            break;
+
-
       
+
-
    }
+
-
+
-
}
+
-
 
+
-
+
-
 
+
-
function imgOff( link )
+
-
{
+
-
+
-
    var hov = link;
+
-
 
+
-
    switch (hov)
+
-
 
+
-
    {
+
-
 
+
-
        case 1:
+
-
 
+
-
            if (curr_menu == "suffield")
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('suffield')
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png';
+
-
+
-
            }
+
-
+
-
            else
+
-
 
+
-
            {
+
-
+
-
                img = document.getElementById('suffield');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldGrey.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 2:
+
-
 
+
-
            if (curr_menu == "lethbridge")
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('lethbridge')
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeWhite.png';
+
-
+
-
            }
+
-
 
+
-
            else
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('lethbridge');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 3:
+
-
 
+
-
            if (curr_menu == "proteinman")
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('proteinman')
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManWhite.png';
+
-
+
-
            }
+
-
+
-
            else
+
-
+
-
            {
+
-
       
+
-
                img = document.getElementById('proteinman');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 4:
+
-
 
+
-
            if (curr_menu == "community")
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('community')
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityWhite.png';
+
-
+
-
            }
+
-
+
-
            else
+
-
 
+
-
            {
+
-
       
+
-
                img = document.getElementById('community');
+
-
 
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png';
+
-
 
+
-
            }
+
-
+
-
            break;
+
-
+
-
        case 5:
+
-
 
+
-
            if (curr_menu == "agem")
+
-
+
-
            {
+
-
+
-
                img = document.getElementById('agem')
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMWhite.png';
+
-
 
+
-
            }
+
-
 
+
-
            else
+
-
 
+
-
            {
+
-
       
+
-
                img = document.getElementById('agem');
+
-
+
-
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png';
+
-
+
-
            }
+
-
+
-
            break;
+
-
               
+
-
        default:
+
-
 
+
-
            break;
+
-
       
+
-
    }
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
function changeTab( tab )
+
-
{
+
-
 
+
-
 
+
-
    // update tab
+
-
 
+
-
    updateDisplay();
+
-
 
+
-
    textblock = document.getElementById(tab);
+
-
 
+
-
    textblock.style.display = "block";
+
-
 
+
-
+
-
    // change previous menu image to background image
+
-
+
-
    prev_selection = curr_menu;
+
-
 
+
-
    if (prev_selection == "suffield")
+
-
+
-
    {
+
-
 
+
-
        img = document.getElementById('suffield');
+
-
 
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldGrey.png";
+
-
+
-
    }
+
-
+
-
    else if (prev_selection == "lethbridge")
+
-
 
+
-
    {
+
-
+
-
        img = document.getElementById('lethbridge');
+
-
 
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png";
+
-
+
-
    }
+
-
       
+
-
    else if (prev_selection == "proteinman")
+
-
 
+
-
    {
+
-
+
-
        img = document.getElementById('proteinman');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png";
+
-
+
-
    }
+
-
       
+
-
    else if (prev_selection == "community")
+
-
+
-
    {
+
-
 
+
-
        img = document.getElementById('community');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png";
+
-
+
-
    }
+
-
+
-
    else if (prev_selection == "agem")
+
-
+
-
    {
+
-
+
-
        img = document.getElementById('agem');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png";
+
-
+
-
    }
+
-
 
+
-
+
-
   
+
-
   
+
-
    // update menu link
+
-
+
-
    if ((tab == 0) && (curr_menu != "suffield"))
+
-
+
-
    {
+
-
+
-
        img = document.getElementById('suffield');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png";
+
-
 
+
-
        curr_menu = "suffield";
+
-
+
-
    }
+
-
+
-
    else if ( (tab == 1) && (curr_menu != "lethbridge"))
+
-
+
-
    {
+
-
+
-
        img = document.getElementById('lethbridge');
+
-
 
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeWhite.png";
+
-
+
-
        curr_menu = "lethbridge";
+
-
 
+
-
    }
+
-
+
-
    else if ( (tab == 2) && (curr_menu != "proteinman"))
+
-
 
+
-
    {
+
-
+
-
        img = document.getElementById('proteinman');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManWhite.png";
+
-
+
-
        curr_menu = "proteinman";
+
-
 
+
-
    }
+
-
+
-
    else if ( (tab == 3) && (curr_menu != "community"))
+
-
+
-
    {
+
-
+
-
        img = document.getElementById('community');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityWhite.png";
+
-
+
-
        curr_menu = "community";
+
-
+
-
    }
+
-
+
-
    else if ( (tab == 4) && (curr_menu != "agem"))
+
-
+
-
    {
+
-
+
-
        img = document.getElementById('agem');
+
-
+
-
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMWhite.png";
+
-
+
-
        curr_menu = "agem";
+
-
+
-
    }
+
-
+
-
}
+
-
 
+
-
 
+
-
 
+
-
function updateDisplay()
+
-
{
+
-
+
-
    for (i = 0; i<5; i++)
+
-
 
+
-
    {
+
-
+
-
        textBlock = document.getElementById(i);
+
-
+
-
        textBlock.style.display = "none";
+
-
+
-
    }
+
-
+
-
}
+
-
 
+
-
+
-
 
+
-
</script>
+
Line 429: Line 47:
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
<img id="boximage2" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
+
<img id="boximage2" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA-1.png"></img>
</div>
</div>
Line 447: Line 65:
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
<img id="boximage3" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
+
<img id="boximage3" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/bhsgrnsmall.png"></img>
</div>
</div>
Line 466: Line 84:
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
<img id="boximage4" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
+
<img id="boximage4" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProtocolIcon.png"></img>
</div>
</div>
Line 485: Line 103:
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
<img id="boximage5" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
+
<img id="boximage5" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Twitter.png"></img>
</div>
</div>

Latest revision as of 06:48, 25 October 2010

iGEM Information Tabs

On July 14th, 2010, iGEM Calgary visited the Defence Research and Development Canada (DRDC) facility in Suffield, Alberta.

I'm generic information about Lethbridge!

I'm like burning man but better!

I'm a fan of cupcakes!

I'm from Alberta and I'm awesome!

Retrieved from "http://2010.igem.org/Team:Calgary/Sandbox"