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

 
(27 intermediate revisions by the same user not shown)
Line 37: Line 37:
 
   document.getElementById('week14').style.display = "none";
 
   document.getElementById('week14').style.display = "none";
 
   document.getElementById('week15').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>
 
</script>
Line 47: Line 66:
 
Search for a content:
 
Search for a content:
 
<!-- multiple dropdown -->
 
<!-- 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;">
 
<select data-placeholder="Choose an option..." id="select-chosen" class="chosen" multiple="true" style="width:400px;">
 
<option value="PCR">PCR</option>
 
<option value="PCR">PCR</option>
 
<option value="Wiki">Wiki</option>
 
<option value="Wiki">Wiki</option>
−
<option value="Cf">Crowd funding</option>
+
<option value="Sequencing">Sequencing</option>
 
</select>
 
</select>
 +
<!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% -->
 +
 +
 
<script type="text/javascript">
 
<script type="text/javascript">
 
//Enable jQuery chosen
 
//Enable jQuery chosen
Line 57: Line 82:
 
     disable_search_threshold:10,
 
     disable_search_threshold:10,
 
     no_results_text: "Oops, nothing found!",
 
     no_results_text: "Oops, nothing found!",
−
     width: "95%"
+
     width: "105%"
 
});
 
});
 
//Fonction de détection d'un changement dans le champ recherche
 
//Fonction de détection d'un changement dans le champ recherche
 
$(".chosen").chosen().change(function(event) {
 
$(".chosen").chosen().change(function(event) {
−
     //Hide everything
+
     //Hide everything before doing things
 
     hideALL();
 
     hideALL();
−
     var Countries = $("#select-chosen").chosen().val();
+
    //Extract filters Tags
−
     for (var i in Countries) {
+
     var filters = $("#select-chosen").chosen().val();
−
        //document.getElementById(i).style.display = "inline";
+
     //If no filters set, show everything
−
        var elems = document.querySelectorAll('.PCR')
+
    if(filters == null){
−
        alert(elems);
+
      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";
 +
          }
 +
      }
 +
*/
 
     }
 
     }
−
    alert('Kirikou');
 
 
});
 
});
 
</script>
 
</script>
Line 75: Line 124:
 
<button type="button" id="btn_hide">Hide</button>
 
<button type="button" id="btn_hide">Hide</button>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
$('#btn_hide').click(function() {
+
//$('#btn_hide').click(function() {
−
     //alert('test');
+
     //toggle('week2');
−
    toggle('week2');
+
//});
−
});
+
 
</script>
 
</script>
 
   <ul>
 
   <ul>
Line 84: Line 132:
 
       <div id="week1">
 
       <div id="week1">
 
       <p> 06/01 - 06/05 :</p>
 
       <p> 06/01 - 06/05 :</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_1"> Week 1 </a> </div>
 
           <div class="col-lg-12" id="week"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Week_1"> Week 1 </a> </div>
Line 90: Line 139:
 
       <div id="week2">
 
       <div id="week2">
 
         <p> 06/08 - 06/12 :</p>
 
         <p> 06/08 - 06/12 :</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_2"> Week 2 </a> </div>
 
           <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>
−
       <div id="week3" class="PCR">
+
       <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>
Line 102: Line 153:
 
       <div id="week4">
 
       <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>
Line 107: Line 159:
 
       </div>
 
       </div>
 
     <li> July : </li>
 
     <li> July : </li>
−
       <div id="week5">
+
       <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>
Line 115: Line 168:
 
       <div id="week6">
 
       <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>
Line 121: Line 175:
 
       <div id="week7">
 
       <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>
−
       <div id="week8">
+
       <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>
−
       <div id="week9">
+
       <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>
Line 140: Line 197:
 
       <div id="week10" class="PCR">
 
       <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>
Line 146: Line 204:
 
       <div id="week11">
 
       <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>
Line 152: Line 211:
 
       <div id="week12">
 
       <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>
Line 158: Line 218:
 
       <div id="week13">
 
       <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>
Line 165: Line 226:
 
       <div id="week14">
 
       <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>
Line 171: Line 233:
 
       <div id="week15">
 
       <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>

Latest revision as of 12:38, 17 July 2015

Notebook

Search for a content: