|
|
Line 7: |
Line 7: |
| --> | | --> |
| <head> | | <head> |
- | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | + | |
- | <link href="basic_layout.css" rel="stylesheet" type="text/css"></link>
| + | |
- | <link href="basic_layout.js" rel="" type=""></link>
| + | |
- | <title>UNAM-Genomics_Mexico</title>
| + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | var _gaq = _gaq || [];
| + | |
- | _gaq.push(['_setAccount', 'UA-19624614-2']);
| + | |
- | _gaq.push(['_trackPageview']);
| + | |
- | | + | |
- | (function() {
| + | |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| + | |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| + | |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| + | |
- | })();
| + | |
- | | + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | //Constants containing the menu cell positions (yeah, they're deffined as variables thx to IE)
| + | |
- | var RowPositions = new Array( "cat", "link", "mar");
| + | |
- | var ColPositions = new Array( "alpha", "beta", "gamma", "delta", "epsilon", "zeta");
| + | |
- | var OddPositions = new Array( "alpha", "gamma", "epsilon");
| + | |
- | | + | |
- | var currColEvenness = "";
| + | |
- | | + | |
- | //Constants containing the images for the table cells (odd/even/active Category/Link/Margin)
| + | |
- | // odd Cells
| + | |
- | var oCCellBg = "url(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
| + | |
- | var oLCellBg = "url(https://static.igem.org/mediawiki/2011/e/e6/Stained_grey_cardboard_332x196_UGM.png)";
| + | |
- | var oMCellBg = "url(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
| + | |
- | // even Cells
| + | |
- | var eCCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
| + | |
- | var eLCellBg = "url(https://static.igem.org/mediawiki/2011/6/66/Cardboard_332x196_UGM.png)";
| + | |
- | var eMCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
| + | |
- | // active Cells
| + | |
- | var aCCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.png)";
| + | |
- | var aLCellBg = "url(https://static.igem.org/mediawiki/2011/0/03/Light_green_paper_UGM.png)";
| + | |
- | var aMCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.png)";
| + | |
- | | + | |
- | //Receive a cell id and return it's prefix (which describes it's row) or it's suffix (it's col)
| + | |
- | function GetCellRow(currentId){
| + | |
- | var pattern, i;
| + | |
- | for( i=0; i < RowPositions.length; i++){
| + | |
- | pattern = new RegExp("^" + RowPositions[i]);
| + | |
- | if( pattern.test(currentId)){
| + | |
- | return( RowPositions[i]);
| + | |
- | }
| + | |
- | }
| + | |
- | return( false);
| + | |
- | }
| + | |
- | function GetCellCol(currentId){
| + | |
- | var pattern, i;
| + | |
- | for( i=0; i < ColPositions.length; i++){
| + | |
- | pattern = new RegExp(ColPositions[i] + "$");
| + | |
- | if( pattern.test(currentId)){
| + | |
- | return( ColPositions[i]);
| + | |
- | }
| + | |
- | }
| + | |
- | return( false);
| + | |
- | }
| + | |
- | | + | |
- | //Classiffy column suffixes in odd or even suffixes
| + | |
- | function ColEvenness(column){
| + | |
- | var i;
| + | |
- | for( i=0; i < OddPositions.length; i++){
| + | |
- | if( column == OddPositions[i]){
| + | |
- | return( "odd");
| + | |
- | }
| + | |
- | }
| + | |
- | return( "even");
| + | |
- | }
| + | |
- | | + | |
- | //Function for lightening cells according to their position
| + | |
- | function LightenCell(row, column){
| + | |
- | var cell = document.getElementById( row + column);
| + | |
- | switch (row){
| + | |
- | case "cat":
| + | |
- | cell.style.backgroundImage = aCCellBg;
| + | |
- | break;
| + | |
- | case "link":
| + | |
- | cell.style.backgroundImage = aLCellBg;
| + | |
- | break;
| + | |
- | case "mar":
| + | |
- | cell.style.backgroundImage = aMCellBg;
| + | |
- | break;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | //Function to Lighten the current menu table column
| + | |
- | function LightenMenu(currentCell){
| + | |
- | var column = GetCellCol( currentCell.id );
| + | |
- | LightenCell( "cat", column);
| + | |
- | LightenCell("link", column);
| + | |
- | LightenCell( "mar", column);
| + | |
- | currColEvenness = ColEvenness(column);
| + | |
- | }
| + | |
- | | + | |
- | //Function for darkening cells according to their position and evenness
| + | |
- | function DarkenCell(row, column){
| + | |
- | var cell = document.getElementById( row + column);
| + | |
- | if( currColEvenness == "odd"){
| + | |
- | switch (row){
| + | |
- | case "cat":
| + | |
- | cell.style.backgroundImage = oCCellBg;
| + | |
- | break;
| + | |
- | case "link":
| + | |
- | cell.style.backgroundImage = oLCellBg;
| + | |
- | break;
| + | |
- | case "mar":
| + | |
- | cell.style.backgroundImage = oMCellBg;
| + | |
- | break;
| + | |
- | }
| + | |
- | } else if( currColEvenness == "even"){
| + | |
- | switch (row){
| + | |
- | case "cat":
| + | |
- | cell.style.backgroundImage = eCCellBg;
| + | |
- | break;
| + | |
- | case "link":
| + | |
- | cell.style.backgroundImage = eLCellBg;
| + | |
- | break;
| + | |
- | case "mar":
| + | |
- | cell.style.backgroundImage = eMCellBg;
| + | |
- | break;
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | //Function to Darken the current menu table column
| + | |
- | function DarkenMenu(currentCell){
| + | |
- | var column = GetCellCol( currentCell.id );
| + | |
- | DarkenCell( "cat", column);
| + | |
- | DarkenCell("link", column);
| + | |
- | DarkenCell( "mar", column);
| + | |
- | currColEvenness = "";
| + | |
- | }
| + | |
- | </script>
| + | |
| <style> | | <style> |
| | | |