MediaWiki:Common.js : Différence entre versions
(29 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 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' | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | }()); |
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'
}
});
}());