Test2 : Différence entre versions

De Kono Phil Ceci est la tagline
Aller à : navigation, rechercher
(Page créée avec « test »)
 
m
(10 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
test
+
<html>
 +
Pressez ces boutons pour naviguer entre les vues&nbsp;:
 +
<input id="btn-prec" type="button" value="&larr;" title="Aller à la vue précédente">
 +
<span  id="titre-vue">Chargement&hellip;</span>
 +
<input id="btn-suiv" type="button" value="&rarr;" title="Aller à la vue suivante">
 +
 
 +
<div style="border:2px solid black;"><iframe title="Animation GLPI" style="border:2px solid black;" width="400" height="300" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html">Sozi</iframe><br />
 +
Ouvrir en plein écran</div>
 +
 
 +
<script>
 +
    window.addEventListener("load", function () {
 +
        var frame    = document.querySelector("iframe");
 +
        var btnPrec  = document.getElementById("btn-prec");
 +
        var btnSuiv  = document.getElementById("btn-suiv");
 +
        var spanTitre = document.getElementById("titre-vue");
 +
 
 +
        var player = frame.contentWindow.sozi.player;
 +
 
 +
        spanTitre.innerHTML = player.currentFrame.title;
 +
 
 +
        btnPrec.addEventListener("click", function () {
 +
            player.moveToPrevious();
 +
        }, false);
 +
 
 +
        btnSuiv.addEventListener("click", function () {
 +
            player.moveToNext();
 +
        }, false);
 +
 
 +
        player.addListener("frameChange", function () {
 +
            spanTitre.innerHTML = player.currentFrame.title;
 +
        });
 +
    }, false);
 +
</script>
 +
</html>

Version du 20 mai 2020 à 21:10

Pressez ces boutons pour naviguer entre les vues : Chargement…


Ouvrir en plein écran