https://kono.phpage.fr/index.php?action=history&feed=atom&title=Mod%C3%A8le%3AAnimation_test_jour 2026-10-25T12:38:30Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.11 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2119&oldid=prev 2020-05-25T17:15:58Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 mai 2020 à 18:15</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;div&gt;&lt;p&gt;Animation de présentation des événements d'une journée.&lt;/p&gt;&lt;iframe title="Animation GLPI" style="border:2px solid black;" width="<del style="font-weight: bold; text-decoration: none;">500</del>" height="<del style="font-weight: bold; text-decoration: none;">375</del>" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html"&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;div&gt;&lt;p&gt;Animation de présentation des événements d'une journée.&lt;/p&gt;&lt;iframe title="Animation GLPI" style="border:2px solid black;" width="<ins style="font-weight: bold; text-decoration: none;">768</ins>" height="<ins style="font-weight: bold; text-decoration: none;">576</ins>" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html"&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td></tr> </table>

Fylip22 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2117&oldid=prev 2020-05-25T17:07:22Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 mai 2020 à 18:07</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Ligne 4 :</td> <td colspan="2" class="diff-lineno">Ligne 4 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td style=&quot;width: 8em; text-align:center;&quot;&gt;&lt;span id=&quot;titre-vue&quot;&gt;Chargement&amp;hellip;&lt;/span&gt;&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td style=&quot;width: 8em; text-align:center;&quot;&gt;&lt;span id=&quot;titre-vue&quot;&gt;Chargement&amp;hellip;&lt;/span&gt;&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id="btn-suiv" type="button" value="&amp;rarr;" title="Aller à la vue suivante"&gt;&lt;/td&gt;&lt;/tr&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id="btn-suiv" type="button" value="&amp;rarr;" title="Aller à la vue suivante"&gt;&lt;/td&gt;&lt;/tr<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/table</ins>&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;script&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;script&gt;</div></td></tr> </table>

Fylip22 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2116&oldid=prev 2020-05-25T17:06:09Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 mai 2020 à 18:06</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;div&gt;&lt;iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html"&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;div<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;p&gt;Animation de présentation des événements d'une journée.&lt;/p</ins>&gt;&lt;iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html"&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Animation de présentation des événements d'une journée.</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td></tr> </table>

Fylip22 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2115&oldid=prev 2020-05-25T17:03:43Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 mai 2020 à 18:03</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Ligne 4 :</td> <td colspan="2" class="diff-lineno">Ligne 4 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;table&gt;&lt;tr&gt;&lt;td&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;td style="width: 8em;"&gt;&lt;span id="titre-vue"&gt;Chargement&amp;hellip;&lt;/span&gt;&lt;/td&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;td style="width: 8em<ins style="font-weight: bold; text-decoration: none;">; text-align:center</ins>;"&gt;&lt;span id="titre-vue"&gt;Chargement&amp;hellip;&lt;/span&gt;&lt;/td&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-suiv&quot; type=&quot;button&quot; value=&quot;&amp;rarr;&quot; title=&quot;Aller à la vue suivante&quot;&gt;&lt;/td&gt;&lt;/tr&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;td&gt;&lt;input id=&quot;btn-suiv&quot; type=&quot;button&quot; value=&quot;&amp;rarr;&quot; title=&quot;Aller à la vue suivante&quot;&gt;&lt;/td&gt;&lt;/tr&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table>

Fylip22 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2114&oldid=prev 2020-05-25T17:03:00Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 25 mai 2020 à 18:03</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;html&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div&gt;&lt;iframe title=&quot;Animation GLPI&quot; style=&quot;border:2px solid black;&quot; width=&quot;500&quot; height=&quot;375&quot; src=&quot;https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html&quot;&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div&gt;&lt;iframe title=&quot;Animation GLPI&quot; style=&quot;border:2px solid black;&quot; width=&quot;500&quot; height=&quot;375&quot; src=&quot;https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html&quot;&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Animation de présentation des événements d'une journée.&lt;<del style="font-weight: bold; text-decoration: none;">br /</del>&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Animation de présentation des événements d'une journée.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;<ins style="font-weight: bold; text-decoration: none;">table&gt;&lt;tr&gt;&lt;td</ins>&gt;Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:<ins style="font-weight: bold; text-decoration: none;">&lt;/td&gt;</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;input id="btn-prec" type="button" value="&amp;larr;" title="Aller à la vue précédente"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;td&gt;</ins>&lt;input id="btn-prec" type="button" value="&amp;larr;" title="Aller à la vue précédente"<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/td</ins>&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;span <del style="font-weight: bold; text-decoration: none;"> </del>id="titre-vue"&gt;Chargement&amp;hellip;&lt;/span&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;td style="width: 8em;"&gt;</ins>&lt;span id="titre-vue"&gt;Chargement&amp;hellip;&lt;/span<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/td</ins>&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;input id="btn-suiv" type="button" value="&amp;rarr;" title="Aller à la vue suivante"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;td&gt;</ins>&lt;input id="btn-suiv" type="button" value="&amp;rarr;" title="Aller à la vue suivante"<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/td&gt;&lt;/tr</ins>&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;script&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;script&gt;</div></td></tr> </table>

Fylip22 https://kono.phpage.fr/index.php?title=Mod%C3%A8le:Animation_test_jour&diff=2095&oldid=prev 2020-05-20T19:15:08Z

<p>Page créée avec « &lt;html&gt; &lt;div&gt;&lt;iframe title=&quot;Animation GLPI&quot; style=&quot;border:2px solid black;&quot; width=&quot;500&quot; height=&quot;375&quot; src=&quot;https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html&quot;&gt;Soz... »</p> <p><b>Nouvelle page</b></p><div>&lt;html&gt;<br /> &lt;div&gt;&lt;iframe title=&quot;Animation GLPI&quot; style=&quot;border:2px solid black;&quot; width=&quot;500&quot; height=&quot;375&quot; src=&quot;https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html&quot;&gt;Sozi&lt;/iframe&gt;&lt;/div&gt;<br /> Animation de présentation des événements d&#039;une journée.&lt;br /&gt;<br /> Utiliser les boutons pour naviguer entre les vues&amp;nbsp;:<br /> &lt;input id=&quot;btn-prec&quot; type=&quot;button&quot; value=&quot;&amp;larr;&quot; title=&quot;Aller à la vue précédente&quot;&gt;<br /> &lt;span id=&quot;titre-vue&quot;&gt;Chargement&amp;hellip;&lt;/span&gt;<br /> &lt;input id=&quot;btn-suiv&quot; type=&quot;button&quot; value=&quot;&amp;rarr;&quot; title=&quot;Aller à la vue suivante&quot;&gt;<br /> <br /> &lt;script&gt;<br /> window.addEventListener(&quot;load&quot;, function () {<br /> var frame = document.querySelector(&quot;iframe&quot;);<br /> var btnPrec = document.getElementById(&quot;btn-prec&quot;);<br /> var btnSuiv = document.getElementById(&quot;btn-suiv&quot;);<br /> var spanTitre = document.getElementById(&quot;titre-vue&quot;);<br /> <br /> var player = frame.contentWindow.sozi.player;<br /> <br /> spanTitre.innerHTML = player.currentFrame.title;<br /> <br /> btnPrec.addEventListener(&quot;click&quot;, function () {<br /> player.moveToPrevious();<br /> }, false);<br /> <br /> btnSuiv.addEventListener(&quot;click&quot;, function () {<br /> player.moveToNext();<br /> }, false);<br /> <br /> player.addListener(&quot;frameChange&quot;, function () {<br /> spanTitre.innerHTML = player.currentFrame.title;<br /> });<br /> }, false);<br /> &lt;/script&gt;<br /> &lt;/html&gt;</div>

Fylip22