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

Line 161: Line 161:
 
       <div class="steps-container">
 
       <div class="steps-container">
 
         <div class="step"><div class="previous-step" data-target="1">1</div></div>
 
         <div class="step"><div class="previous-step" data-target="1">1</div></div>
−
         <div class="step-path"><div class="active-path"></div></div>
+
         <div class="step-path"><div class="active-path" id="path-2"></div></div>
 
         <div class="step"><div class="selected-step" data-target="2">2</div></div>
 
         <div class="step"><div class="selected-step" data-target="2">2</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-3"></div></div>
 
         <div class="step"><div data-target="3">3</div></div>
 
         <div class="step"><div data-target="3">3</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-4"></div></div>
 
         <div class="step"><div data-target="4">4</div></div>
 
         <div class="step"><div data-target="4">4</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-5"></div></div>
 
         <div class="step"><div data-target="5">5</div></div>
 
         <div class="step"><div data-target="5">5</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-6"></div></div>
 
         <div class="step"><div data-target="6">6</div></div>
 
         <div class="step"><div data-target="6">6</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-7"></div></div>
 
         <div class="step"><div data-target="7">7</div></div>
 
         <div class="step"><div data-target="7">7</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-8"></div></div>
 
         <div class="step"><div data-target="8">8</div></div>
 
         <div class="step"><div data-target="8">8</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-9"></div></div>
 
         <div class="step"><div data-target="9">9</div></div>
 
         <div class="step"><div data-target="9">9</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-10"></div></div>
 
         <div class="step"><div data-target="10">10</div></div>
 
         <div class="step"><div data-target="10">10</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-11"></div></div>
 
         <div class="step"><div data-target="11">11</div></div>
 
         <div class="step"><div data-target="11">11</div></div>
−
         <div class="step-path"><div></div></div>
+
         <div class="step-path"><div id="path-12"></div></div>
 
         <div class="step"><div data-target="12">12</div></div>
 
         <div class="step"><div data-target="12">12</div></div>
 
       </div>     
 
       </div>     
Line 334: Line 334:
 
     var target_str=$(this).data("target");
 
     var target_str=$(this).data("target");
 
     var target=parseInt(target_str);
 
     var target=parseInt(target_str);
−
     //  
+
     // Descr
 
     $('.step-descr').removeClass('active-step');
 
     $('.step-descr').removeClass('active-step');
 
     $("#step-"+target_str).addClass('active-step');
 
     $("#step-"+target_str).addClass('active-step');
 +
    // Step & path
 +
    $('.step-path > div').removeClass('active-path');
 +
    for (i=1; i<=target; i++){
 +
      $('#path-'+i).addClass('active-path');
 +
    }
 
   });
 
   });
 
</script>
 
</script>

Revision as of 11:25, 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

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Step 7

Step 8

Step 9

Step 10

Step 11

Step 12