https://kono.phpage.fr/index.php?action=history&feed=atom&title=Mod%C3%A8le%3AAnimation_test_glg
Modèle:Animation test glg - Historique des versions
2026-10-24T04:33:00Z
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_glg&diff=2099&oldid=prev
Fylip22 le 20 mai 2020 à 19:21
2020-05-20T19:21:18Z
<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 20 mai 2020 à 21:21</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Ligne 3 :</td>
<td colspan="2" class="diff-lineno">Ligne 3 :</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>Animation de présentation glg.<br /></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>Animation de présentation glg.<br /></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>Utiliser les boutons pour naviguer entre les vues&nbsp;:</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>Utiliser les boutons pour naviguer entre les vues&nbsp;:</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><input id="btn-<del style="font-weight: bold; text-decoration: none;">prec</del>" type="button" value="&larr;" title="Aller à la vue précédente"></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><input id="btn-<ins style="font-weight: bold; text-decoration: none;">precglg</ins>" type="button" value="&larr;" title="Aller à la vue précédente"></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><span id="titre-vue">Chargement&hellip;</span></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><span id="titre-vue">Chargement&hellip;</span></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><input id="btn-<del style="font-weight: bold; text-decoration: none;">suiv</del>" type="button" value="&rarr;" title="Aller à la vue suivante"></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><input id="btn-<ins style="font-weight: bold; text-decoration: none;">suivglg</ins>" type="button" value="&rarr;" title="Aller à la vue suivante"></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><script></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><script></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> window.addEventListener("load", function () {</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> window.addEventListener("load", function () {</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> var frame = document.querySelector("iframe");</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> var frame = document.querySelector("iframe");</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> var btnPrec = document.getElementById("btn-<del style="font-weight: bold; text-decoration: none;">prec</del>");</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> var btnPrec = document.getElementById("btn-<ins style="font-weight: bold; text-decoration: none;">precglg</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> var btnSuiv = document.getElementById("btn-<del style="font-weight: bold; text-decoration: none;">suiv</del>");</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> var btnSuiv = document.getElementById("btn-<ins style="font-weight: bold; text-decoration: none;">suivglg</ins>");</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> var spanTitre = document.getElementById("titre-vue");</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> var spanTitre = document.getElementById("titre-vue");</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_glg&diff=2097&oldid=prev
Fylip22 : Page créée avec « <html> <div><iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/glg.sozi.html">Sozi</iframe></div... »
2020-05-20T19:17:59Z
<p>Page créée avec « <html> <div><iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/glg.sozi.html">Sozi</iframe></div... »</p>
<p><b>Nouvelle page</b></p><div><html><br />
<div><iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/glg.sozi.html">Sozi</iframe></div><br />
Animation de présentation glg.<br /><br />
Utiliser les boutons pour naviguer entre les vues&nbsp;:<br />
<input id="btn-prec" type="button" value="&larr;" title="Aller à la vue précédente"><br />
<span id="titre-vue">Chargement&hellip;</span><br />
<input id="btn-suiv" type="button" value="&rarr;" title="Aller à la vue suivante"><br />
<br />
<script><br />
window.addEventListener("load", function () {<br />
var frame = document.querySelector("iframe");<br />
var btnPrec = document.getElementById("btn-prec");<br />
var btnSuiv = document.getElementById("btn-suiv");<br />
var spanTitre = document.getElementById("titre-vue");<br />
<br />
var player = frame.contentWindow.sozi.player;<br />
<br />
spanTitre.innerHTML = player.currentFrame.title;<br />
<br />
btnPrec.addEventListener("click", function () {<br />
player.moveToPrevious();<br />
}, false);<br />
<br />
btnSuiv.addEventListener("click", function () {<br />
player.moveToNext();<br />
}, false);<br />
<br />
player.addListener("frameChange", function () {<br />
spanTitre.innerHTML = player.currentFrame.title;<br />
});<br />
}, false);<br />
</script><br />
</html></div>
Fylip22