Difference between revisions of "Team:INSA-UPS France/test/description"
| Line 160: | Line 160: | ||
<section style="background:none;"> | <section style="background:none;"> | ||
<div class="steps-container"> | <div class="steps-container"> | ||
| − | <div class="step"><div class="previous-step">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"></div></div> | ||
| − | <div class="step"><div class="selected-step">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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>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></div></div> | ||
| − | <div class="step"><div>12</div></div> | + | <div class="step"><div data-target="12">12</div></div> |
</div> | </div> | ||
</section> | </section> | ||
| Line 196: | Line 196: | ||
<section id="step-1" class="step-descr active-step"> | <section id="step-1" class="step-descr active-step"> | ||
| − | + | <h2>Step 1</h2> | |
</section> | </section> | ||
<section id="step-2" class="step-descr"> | <section id="step-2" class="step-descr"> | ||
| − | + | <h2>Step 2</h2> | |
</section> | </section> | ||
<section id="step-3" class="step-descr"> | <section id="step-3" class="step-descr"> | ||
| − | + | <h2>Step 3</h2> | |
</section> | </section> | ||
<section id="step-4" class="step-descr"> | <section id="step-4" class="step-descr"> | ||
| − | + | <h2>Step 4</h2> | |
</section> | </section> | ||
<section id="step-5" class="step-descr"> | <section id="step-5" class="step-descr"> | ||
| − | + | <h2>Step 5</h2> | |
</section> | </section> | ||
<section id="step-6" class="step-descr"> | <section id="step-6" class="step-descr"> | ||
| − | + | <h2>Step 6</h2> | |
</section> | </section> | ||
<section id="step-7" class="step-descr"> | <section id="step-7" class="step-descr"> | ||
| − | + | <h2>Step 7</h2> | |
</section> | </section> | ||
<section id="step-8" class="step-descr"> | <section id="step-8" class="step-descr"> | ||
| − | + | <h2>Step 8</h2> | |
</section> | </section> | ||
<section id="step-9" class="step-descr"> | <section id="step-9" class="step-descr"> | ||
| − | + | <h2>Step 9</h2> | |
</section> | </section> | ||
<section id="step-10" class="step-descr"> | <section id="step-10" class="step-descr"> | ||
| − | + | <h2>Step 10</h2> | |
</section> | </section> | ||
<section id="step-11" class="step-descr"> | <section id="step-11" class="step-descr"> | ||
| − | + | <h2>Step 11</h2> | |
</section> | </section> | ||
<section id="step-12" class="step-descr"> | <section id="step-12" class="step-descr"> | ||
| − | + | <h2>Step 12</h2> | |
</section> | </section> | ||
| 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); | ||
| + | // | ||
| + | $('.step-descr').removeClass('active-step'); | ||
| + | $("#step-"+target_str).addClass('active-step'); | ||
}); | }); | ||
</script> | </script> | ||
Revision as of 11:20, 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
12Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 7
Step 8
Step 9
Step 10
Step 11
Step 12
