<span class="va">b</span>.<span class="at">connect</span>()<span class="op">;</span>
<span class="op">}</span></code></pre></div>
<p>Fonction qui sera liée à l'<em>événement</em> <code>onclick</code> d'un bouton proposant justement le chargement de l'animation...</p>
-<div class="sourceCode"><pre class="sourceCode html"><code class="sourceCode html"><span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2"</span>
-<span class="ot"> style=</span><span class="st">"margin:10px auto;padding:10px;width:354px;border:2px solid #AAA;border-radius:4px"</span><span class="kw">></span>
- <span class="kw"><img</span><span class="ot"> src=</span><span class="st">"../ellipsographe/svg/ellipsographe-1.svg"</span><span class="ot"> alt=</span><span class="st">"animation1"</span><span class="ot"> style=</span><span class="st">"width:330px;height:240px"</span><span class="kw">/></span>
+<div class="sourceCode"><pre class="sourceCode html"><code class="sourceCode html"><span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2"</span><span class="ot"> style=</span><span class="st">"..."</span><span class="kw">></span>
+ <span class="kw"><img</span><span class="ot"> src=</span><span class="st">"../ellipsographe/svg/ellipsographe-1.svg"</span><span class="ot"> alt=</span><span class="st">"animation1"</span><span class="ot"> style=</span><span class="st">"..."</span><span class="kw">/></span>
<span class="kw"><div</span><span class="ot"> class=</span><span class="st">"message"</span><span class="ot"> id=</span><span class="st">"anim2_message"</span><span class="kw">></span>Ellipsographe<span class="kw"></div></span>
- <span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2_boutons"</span><span class="kw">><button</span><span class="ot"> onclick=</span><span class="st">"charge_anim2();"</span><span class="kw">></span>Charger l'animation<span class="kw"></button></div></span>
+ <span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2_boutons"</span><span class="kw">></span>
+ <span class="kw"><button</span><span class="ot"> onclick=</span><span class="st">"charge_anim2();"</span><span class="kw">></span>Charger l'animation<span class="kw"></button></span>
+ <span class="kw"></div></span>
<span class="kw"></div></span></code></pre></div>
<p>Dans le même temps, le <em>style</em> des éléments englobants a été adapté.</p>
<div id="anim2" style="margin:10px auto;padding:10px;width:354px;border:2px solid #AAA;border-radius:4px">
<p>Le fichier <code>SVGPlayerOne.js</code> est fourni à la racine du projet SVGAnimation.</p>
<h2 id="exemples-dutilisation">Exemples d'utilisation</h2>
</div>
-<div id="TDM" class="tdm">
-<div style="text-align:center">
- <a href="javascript:tdmgauche();">←</a> <b>Sections</b> <a href="javascript:tdmdroite();">→</a>
+<div id="tdm-doc" class="tdm-loc">
+ <div id="tdm-titre">SVGAnimation (documentation)</div>
+ <ul>
+ <li><a href="#installation">Installation</a></li>
+ <li><a href="#principe">Principe</a><ul>
+ <li><a href="#la-famille-dimages">La famille d'images</a></li>
+ </ul></li>
+ <li><a href="#lutilisation">L'utilisation</a><ul>
+ <li><a href="#côté-html">Côté HTML</a></li>
+ <li><a href="#côté-javascript">Côté JavaScript</a></li>
+ <li><a href="#les-paramètres">Les paramètres</a></li>
+ </ul></li>
+ <li><a href="#les-players">Les <em>players</em></a><ul>
+ <li><a href="#svgplayerone.js"><code>SVGPlayerOne.js</code></a></li>
+ </ul></li>
+ <li><a href="#exemples-dutilisation">Exemples d'utilisation</a></li>
+ </ul>
+ <div id="tdm-nav"></div>
</div>
- <ul>
- <li><a href="#installation">Installation</a></li>
- <li><a href="#principe">Principe</a><ul>
- <li><a href="#la-famille-dimages">La famille d'images</a></li>
- </ul></li>
- <li><a href="#lutilisation">L'utilisation</a><ul>
- <li><a href="#côté-html">Côté HTML</a></li>
- <li><a href="#côté-javascript">Côté JavaScript</a></li>
- <li><a href="#les-paramètres">Les paramètres</a></li>
- </ul></li>
- <li><a href="#les-players">Les <em>players</em></a><ul>
- <li><a href="#svgplayerone.js"><code>SVGPlayerOne.js</code></a></li>
- </ul></li>
- <li><a href="#exemples-dutilisation">Exemples d'utilisation</a></li>
- </ul>
-</div>
-<div style="clear:both"></div>
\ No newline at end of file
+<div id="tdm-ctl"></div>