Team:Evry/Notebook/RNAseq

From 2014.igem.org

(Difference between revisions)
(Created page with "vous ecrivez ici")
Line 1: Line 1:
-
vous ecrivez ici
+
$(function() {
 +
 
 +
    // Sort the project inside of a week
 +
    function doSort(a, b) {
 +
        return a.className > b.className;
 +
    };
 +
 
 +
    $("div.week").each( function() {
 +
    var elem = $(this).children('div').get().sort(doSort);
 +
    $(this).append(elem);
 +
    });
 +
 
 +
 
 +
    // Add the title project before the project within the project div
 +
    $("div.week > div").each( function(){
 +
        var className = this.className;
 +
        var title = "Side-project";
 +
 
 +
        // Choose project title
 +
        if(className=="project_Transfo"){
 +
            title = "Transformation & culture of <i>Pseudovibrio</i>";
 +
        }else if(className=="project_RNAseq"){
 +
            title = "RNA sequencing";
 +
        }else if(className=="project_Pb"){
 +
            title = "Lead sensing";
 +
        }else if(className=="project_Cd"){
 +
            title = "Cadmium sensing";
 +
        }else if(className=="project_Phenol"){
 +
            title = "Phenol sensing";
 +
        }else if(className=="project_PCB"){
 +
            title = "PCB sensing";
 +
        }else if(className=="project_Ni"){
 +
            title = "Nitrite sensing";
 +
        }
 +
 
 +
        $(this).prepend('<h2 class="projectTitle">'.concat(title,"</h2>"));
 +
    });
 +
 
 +
 
 +
    // Checkboxes to show the projects
 +
$("input.checkbox").button();
 +
$("input.checkbox").change(function() {
 +
    if(this.checked) {
 +
            $(this.value).fadeIn('normal');
 +
    }else{
 +
            $(this.value).fadeOut('normal');
 +
    }
 +
});
 +
});
 +
 
 +
</script>
 +
 
 +
 
 +
 
 +
<style>
 +
 
 +
div.week > div {
 +
    border-left-style: solid;
 +
    border-width: high;
 +
    border-color: black;
 +
    padding-left: 20px;
 +
}
 +
 
 +
figure, figure img{
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    max-width:80%;
 +
}
 +
 
 +
figcaption {
 +
    text-align: center;
 +
    font-style: italic;
 +
    font-size: smaller;
 +
}
 +
 
 +
#checkboxProject {
 +
    display: block;
 +
<!--    position: fixed;-->
 +
    background-color:white;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div id="checkboxProject">
 +
    <p>Please select the sub-projects you are interested about:</p>
 +
    <input type="checkbox" class="checkbox" value="div.project_Transfo" checked="checked" ><label>Transformation</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_RNAseq" checked="checked" ><label>RNAseq</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_Pb" checked="checked" ><label>Pb</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_Cd" checked="checked" ><label>Cd</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_Phenol" checked="checked" ><label>Phenol</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_PCB" checked="checked" ><label>PCB</label>
 +
    <input type="checkbox" class="checkbox" value="div.project_Nitrite" checked="checked" ><label>Nitrite</label>
 +
</div>
 +
 
 +
<div class="week">
 +
    <h1>Week 1</h1>
 +
    <div class="project_Transfo">
 +
    <p>Week 1 project_transfo

Revision as of 17:04, 13 August 2014

$(function() { 

   // Sort the project inside of a week
   function doSort(a, b) {
       return a.className > b.className;
   };

   $("div.week").each( function() {

var elem = $(this).children('div').get().sort(doSort); $(this).append(elem); 

   });



   // Add the title project before the project within the project div
   $("div.week > div").each( function(){
       var className = this.className;
       var title = "Side-project";

       // Choose project title
       if(className=="project_Transfo"){
           title = "Transformation & culture of Pseudovibrio";
       }else if(className=="project_RNAseq"){
           title = "RNA sequencing";
       }else if(className=="project_Pb"){
           title = "Lead sensing";
       }else if(className=="project_Cd"){
           title = "Cadmium sensing";
       }else if(className=="project_Phenol"){
           title = "Phenol sensing";
       }else if(className=="project_PCB"){
           title = "PCB sensing";
       }else if(className=="project_Ni"){
           title = "Nitrite sensing";
       }
$(this).prepend('

'.concat(title,"

")); 
   });



   // Checkboxes to show the projects

$("input.checkbox").button(); $("input.checkbox").change(function() { if(this.checked) { 

           $(this.value).fadeIn('normal');

}else{ 

           $(this.value).fadeOut('normal');

} }); });

</script>


<style>

div.week > div { 

   border-left-style: solid;
   border-width: high;
   border-color: black;
   padding-left: 20px;

}

figure, figure img{ 

   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width:80%;

}

figcaption { 

   text-align: center;
   font-style: italic;
   font-size: smaller;

}

  1. checkboxProject { 
   display: block;
   background-color:white;

}

</style> </head> <body>

Please select the sub-projects you are interested about:

   <input type="checkbox" class="checkbox" value="div.project_Transfo" checked="checked" ><label>Transformation</label>
   <input type="checkbox" class="checkbox" value="div.project_RNAseq" checked="checked" ><label>RNAseq</label>
   <input type="checkbox" class="checkbox" value="div.project_Pb" checked="checked" ><label>Pb</label>
   <input type="checkbox" class="checkbox" value="div.project_Cd" checked="checked" ><label>Cd</label>
   <input type="checkbox" class="checkbox" value="div.project_Phenol" checked="checked" ><label>Phenol</label>
   <input type="checkbox" class="checkbox" value="div.project_PCB" checked="checked" ><label>PCB</label>
   <input type="checkbox" class="checkbox" value="div.project_Nitrite" checked="checked" ><label>Nitrite</label>

Week 1

Week 1 project_transfo

Retrieved from "http://2014.igem.org/Team:Evry/Notebook/RNAseq"