MediaWiki:Common.js : Différence entre versions

(Page créée avec « Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. : var coll = document.getElementsByClassName("collapsible"); var i; for... »)
 
 
(30 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
 
/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
 +
 
var coll = document.getElementsByClassName("collapsible");
 
var coll = document.getElementsByClassName("collapsible");
 
var i;
 
var i;
Ligne 7 : Ligne 8 :
 
     this.classList.toggle("active");
 
     this.classList.toggle("active");
 
     var content = this.nextElementSibling;
 
     var content = this.nextElementSibling;
     if (content.style.display === "block") {
+
     if (content.style.maxHeight){
       content.style.display = "none";
+
       content.style.maxHeight = null;
 
     } else {
 
     } else {
       content.style.display = "block";
+
       content.style.maxHeight = content.scrollHeight + "px";
     }
+
     }  
 
   });
 
   });
 
}
 
}
 +
 +
 +
(function () {
 +
 +
  var myElement = document.getElementById('app');
 +
 
 +
  myElement.innerHTML = '<video position:relative="" poster="https://rhinedits.u-strasbg.fr/w/images/4/4b/Occup%C3%A9e.jpg" width="100%" v-bind:src="src" autoplay="" type="video/mp4" controls="controls" controlslist="nodownload">  </video>';
 +
 +
 +
 +
var app = new Vue({
 +
                el: "#app",
 +
                data: {
 +
                    src: 'https://rhinedits-stream.di.unistra.fr/Films/0005FH0011_5.mp4'
 +
                }
 +
            });
 +
 +
 +
 
 +
}());

Version actuelle datée du 1 août 2019 à 16:18

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}


(function () {

  var myElement = document.getElementById('app');
  
  myElement.innerHTML = '<video position:relative="" poster="https://rhinedits.u-strasbg.fr/w/images/4/4b/Occup%C3%A9e.jpg" width="100%" v-bind:src="src" autoplay="" type="video/mp4" controls="controls" controlslist="nodownload">   </video>';



var app = new Vue({
                el: "#app",
                data: {
                    src: 'https://rhinedits-stream.di.unistra.fr/Films/0005FH0011_5.mp4'
                }
            });


  
}());