|
|
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> | + | |
| | | |
| | | |