Difference between revisions of "Team:INSA-UPS France/test/description"

Line 138: Line 138:
 
         position:relative;
 
         position:relative;
 
         border:solid 4px rgba(255,255,255,0.2);
 
         border:solid 4px rgba(255,255,255,0.2);
−
      }
+
         cursor:pointer;
−
      .step-path{
+
−
         width:30px!important;
+
 
       }
 
       }
 
       .step-path > div{
 
       .step-path > div{
−
         width:35px;
+
         width:30px;
 
         height:10px;
 
         height:10px;
 
         background:rgba(255,255,255,0.2);
 
         background:rgba(255,255,255,0.2);
Line 162: Line 160:
 
     <section style="background:none;">
 
     <section style="background:none;">
 
       <div class="steps-container">
 
       <div class="steps-container">
−
         <div class="step" id="step-1"><div class="previous-step">1</div></div>
+
         <div class="step"><div class="previous-step">1</div></div>
 
         <div class="step-path"><div class="active-path"></div></div>
 
         <div class="step-path"><div class="active-path"></div></div>
−
         <div class="step" id="step-2"><div class="selected-step">2</div></div>
+
         <div class="step"><div class="selected-step">2</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-3"><div>3</div></div>
+
         <div class="step"><div>3</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-4"><div>4</div></div>
+
         <div class="step"><div>4</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-5"><div>5</div></div>
+
         <div class="step"><div>5</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-6"><div>6</div></div>
+
         <div class="step"><div>6</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-7"><div>7</div></div>
+
         <div class="step"><div>7</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-8"><div>8</div></div>
+
         <div class="step"><div>8</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-9"><div>9</div></div>
+
         <div class="step"><div>9</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-10"><div>10</div></div>
+
         <div class="step"><div>10</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-11"><div>11</div></div>
+
         <div class="step"><div>11</div></div>
 
         <div class="step-path"><div></div></div>
 
         <div class="step-path"><div></div></div>
−
         <div class="step" id="step-12"><div>12</div></div>
+
         <div class="step"><div>12</div></div>
 
       </div>     
 
       </div>     
 
     </section>   
 
     </section>   
 +
 +
    <style>
 +
      .step-descr{
 +
        display:none;
 +
      }
 +
      .step-descr.active-descr{
 +
        display:block;
 +
      }
 +
    </style>
 +
 +
    <section id="step-1" class="step-descr active-step">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-2" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-3" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-4" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-5" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-6" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-7" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-8" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-9" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-10" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-11" class="step-descr">
 +
      &nbsp;
 +
    </section>
 +
    <section id="step-12" class="step-descr">
 +
      &nbsp;
 +
    </section>
  
 
   </div>
 
   </div>
Line 284: Line 328:
  
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
 +
 +
<script type="text/javascript">
 +
 +
  $(document).on("click",".step > div", function(){
 +
    var target_str=$(this).data("target");
 +
    var target=parseInt(target_str);
 +
  });
 +
</script>
 +
 +
 
</html>
 
</html>
  
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/Header_script}}
 
{{INSA-UPS_France/Header_script}}

Revision as of 11:09, 8 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Human Practices Logbook

1
2
3
4
5
6
7
8
9
10
11
12