Difference between revisions of "Team:Pasteur Paris/Notebook"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<script type="text/javascript">
 +
//Function for hidding/showing elemnts
 +
function toggle(anId){
 +
node = document.getElementById(anId);
 +
if (node.style.display=="none")
 +
{
 +
// Contenu caché, le montrer
 +
node.style.display = "inline";
 +
node.style.height = "auto"; // Optionnel rétablir la hauteur
 +
}
 +
else
 +
{
 +
// Contenu visible, le cacher
 +
node.style.display = "none";
 +
node.style.height = "0"; // Optionnel libérer l'espace
 +
}
 +
}
 +
function hideALL(){
 +
  //Solution peu propre.
 +
  //TODO: foreach with querySelectotAll
 +
  document.getElementById('week1').style.display = "none";
 +
  document.getElementById('week2').style.display = "none";
 +
  document.getElementById('week3').style.display = "none";
 +
  document.getElementById('week4').style.display = "none";
 +
  document.getElementById('week5').style.display = "none";
 +
  document.getElementById('week6').style.display = "none";
 +
  document.getElementById('week7').style.display = "none";
 +
  document.getElementById('week8').style.display = "none";
 +
  document.getElementById('week9').style.display = "none";
 +
  document.getElementById('week10').style.display = "none";
 +
  document.getElementById('week11').style.display = "none";
 +
  document.getElementById('week12').style.display = "none";
 +
  document.getElementById('week13').style.display = "none";
 +
  document.getElementById('week14').style.display = "none";
 +
  document.getElementById('week15').style.display = "none";
 +
}
 +
function showALL(){
 +
  //Solution peu propre.
 +
  //TODO: foreach with querySelectotAll
 +
  document.getElementById('week1').style.display = "inline";
 +
  document.getElementById('week2').style.display = "inline";
 +
  document.getElementById('week3').style.display = "inline";
 +
  document.getElementById('week4').style.display = "inline";
 +
  document.getElementById('week5').style.display = "inline";
 +
  document.getElementById('week6').style.display = "inline";
 +
  document.getElementById('week7').style.display = "inline";
 +
  document.getElementById('week8').style.display = "inline";
 +
  document.getElementById('week9').style.display = "inline";
 +
  document.getElementById('week10').style.display = "inline";
 +
  document.getElementById('week11').style.display = "inline";
 +
  document.getElementById('week12').style.display = "inline";
 +
  document.getElementById('week13').style.display = "inline";
 +
  document.getElementById('week14').style.display = "inline";
 +
  document.getElementById('week15').style.display = "inline";
 +
}
 +
</script>
  
 
<h1><center>Notebook</center></h1>
 
<h1><center>Notebook</center></h1>
  
 
<div class="contenu">
 
<div class="contenu">
 +
 +
 +
Search for a content:
 +
<!-- multiple dropdown -->
 +
 +
<!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -->
 +
<!-- AJOUTER ICI LES TAGS de la page -->
 +
<select data-placeholder="Choose an option..." id="select-chosen" class="chosen" multiple="true" style="width:400px;">
 +
<option value="PCR">PCR</option>
 +
<option value="Wiki">Wiki</option>
 +
<option value="Sequencing">Sequencing</option>
 +
</select>
 +
<!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -->
 +
 +
 +
<script type="text/javascript">
 +
//Enable jQuery chosen
 +
jQuery(".chosen").chosen({
 +
    disable_search_threshold:10,
 +
    no_results_text: "Oops, nothing found!",
 +
    width: "105%"
 +
});
 +
//Fonction de détection d'un changement dans le champ recherche
 +
$(".chosen").chosen().change(function(event) {
 +
    //Hide everything before doing things
 +
    hideALL();
 +
    //Extract filters Tags
 +
    var filters = $("#select-chosen").chosen().val();
 +
    //If no filters set, show everything
 +
    if(filters == null){
 +
      showALL();
 +
    }
 +
    else{
 +
//AND STATEMENT
 +
      //Construct filter string
 +
      var filtersString = '';
 +
      for (var filter in filters) {
 +
          filtersString = filtersString+'.'+filters[filter];
 +
      }
 +
      var elems = document.querySelectorAll(filtersString);
 +
      //for each elemnts containing all the tags, show it in the document
 +
      for(i = 0; i < elems.length; i++){
 +
          var week = elems.item(i);
 +
          week.style.display = "inline";
 +
      }
 +
//OR STATEMENT
 +
/*      for (var filter in filters) {
 +
          //Select all elements with class with filter
 +
          var elems = document.querySelectorAll('.'+filters[filter]);
 +
          //for each elemnts containing the tag, show it in the document
 +
          for(i = 0; i < elems.length; i++){
 +
              var week = elems.item(i);
 +
              week.style.display = "inline";
 +
          }
 +
      }
 +
*/
 +
    }
 +
});
 +
</script>
 +
 +
<button type="button" id="btn_hide">Hide</button>
 +
<script type="text/javascript">
 +
//$('#btn_hide').click(function() {
 +
    //toggle('week2');
 +
//});
 +
</script>
 
   <ul>
 
   <ul>
 
     <li> June : </li>
 
     <li> June : </li>
 +
      <div id="week1">
 
       <p> 06/01 - 06/05 :</p>
 
       <p> 06/01 - 06/05 :</p>
−
       <div class="row">
+
       <i>Tags:</i>
−
        <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_1"> Week 1 </a> </div>
+
        <div class="row"">
 +
          <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_1"> Week 1 </a> </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <p> 06/08 - 06/12 :</p>
+
       <div id="week2">
−
       <div class="row">  
+
        <p> 06/08 - 06/12 :</p>
−
        <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_2"> Week 2 </a> </div>
+
       <i>Tags:</i>
 +
        <div class="row">  
 +
          <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_2"> Week 2 </a> </div>
 +
        </div>
 
       </div>
 
       </div>
 +
      <div id="week3" class="PCR Wiki">
 
       <p> 06/15 - 06/19 :</p>
 
       <p> 06/15 - 06/19 :</p>
 +
      <i>Tags: PCR, Wiki</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_3"> Week 3 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_3"> Week 3 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week4">
 
       <p> 06/22 - 06/26 :</p>
 
       <p> 06/22 - 06/26 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_4"> Week 4 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_4"> Week 4 </a> </div>
 +
      </div>
 
       </div>
 
       </div>
 
     <li> July : </li>
 
     <li> July : </li>
 +
      <div id="week5" class="Wiki">
 
       <p> 06/29 - 07/03 :</p>
 
       <p> 06/29 - 07/03 :</p>
 +
      <i>Tags: Wiki</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_5"> Week 5 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_5"> Week 5 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week6">
 
       <p> 07/06 - 07/10 :</p>
 
       <p> 07/06 - 07/10 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">  
 
       <div class="row">  
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_6"> Week 6 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_6"> Week 6 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week7">
 
       <p> 07/13 - 07/17 :</p>
 
       <p> 07/13 - 07/17 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_7"> Week 7 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_7"> Week 7 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week8" class="Sequencing Wiki">
 
       <p> 07/20 - 07/24 :</p>
 
       <p> 07/20 - 07/24 :</p>
 +
      <i>Tags: Sequencing Wiki</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_8"> Week 8 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_8"> Week 8 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week9" class="Sequencing">
 
       <p> 07/27 - 07/31 :</p>
 
       <p> 07/27 - 07/31 :</p>
 +
      <i>Tags: Sequencing</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_9"> Week 9 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_9"> Week 9 </a> </div>
 +
      </div>
 
       </div>
 
       </div>
 
     <li> August : </li>
 
     <li> August : </li>
 +
      <div id="week10" class="PCR">
 
       <p> 08/03 - 08/07 :</p>
 
       <p> 08/03 - 08/07 :</p>
 +
      <i>Tags: PCR</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_10"> Week 10 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_10"> Week 10 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week11">
 
       <p> 08/10 - 08/14 :</p>
 
       <p> 08/10 - 08/14 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_11"> Week 11 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_11"> Week 11 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week12">
 
       <p> 08/17 - 08/21 :</p>
 
       <p> 08/17 - 08/21 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_12"> Week 12 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_12"> Week 12 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week13">
 
       <p> 08/24 - 08/28 :</p>
 
       <p> 08/24 - 08/28 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_13"> Week 13 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_13"> Week 13 </a> </div>
 +
      </div>
 
       </div>
 
       </div>
 
     <li> September : </li>
 
     <li> September : </li>
 +
      <div id="week14">
 
       <p> 08/31 - 09/04 :</p>
 
       <p> 08/31 - 09/04 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_14"> Week 14 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_14"> Week 14 </a> </div>
 
       </div>
 
       </div>
 +
      </div>
 +
      <div id="week15">
 
       <p> 09/07 - 09/11 :</p>
 
       <p> 09/07 - 09/11 :</p>
 +
      <i>Tags:</i>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_15"> Week 15 </a> </div>
 
         <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_15"> Week 15 </a> </div>
 +
      </div>
 
       </div>
 
       </div>
 
   </ul>
 
   </ul>

Revision as of 12:39, 17 July 2015

Notebook

Search for a content: