Bonjour, mon soucis est que j'ai un rafraîchissement de ma page mais quand j'ouvre ma modale le rafraîchissement continue ce qui est perturbant Je voudrais enlever le rafraîchissement quand j'ouvre ma modale et ensuite remettre le rafraîchissement quand je la ferme Pouvez-vous m'aider
//-- Fonction quand je clics sur une image sa m'ouvre une modal avec un player video --//
function onClick(element) {
document.getElementById("modal").style.display = "block";
const video = document.getElementById('video-player');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(element.video.manifest_url);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
}
//-- Fonction quand je clics juste autour de ma modal ma modal se ferme --//
window.onclick = function(event) {
var video = document.getElementById("video-player");
var modal = document.getElementById("modal");
if (event.target == modal) {
modal.style.display = "none";
hls.stopLoad();
}
}
// Cibler l'élément parent qui va contenir la liste d'élément.
const elWrapper = document.getElementsByClassName('wrapper')[0];
function displayChannels(data) {
const config = JSON.parse(data);
const channels = config.channels;
console.log(channels);
channels.forEach(function (channel) {
displayChannel(channel);
});
}
//Appel et lecture du fichier mosaic_config.json//
function loadJSON(callback) {
console.log('in loadjson');
var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'javascript/mosaic_config.json', true);
xobj.onreadystatechange = function () {
if (xobj.readyState == 4 && xobj.status == "200") {
callback(xobj.responseText);
}
};
xobj.send(null);
}
//Pour chaque channels une image avec son label//
loadJSON(displayChannels);
function displayChannel(data) {
const item = document.createElement("div"); //création de div avec un id et une class//
item.id = "channel-live";
item.classList.add("img-wrapper");
const img = document.createElement("img");
img.id = "channel_" + data.label + "-img";
img.classList.add("video", "w3-hover-opacity");
img.src = data.image.zoom_url;
img.addEventListener("click", e => {
onClick(data)
console.log(e.target)
});
const label = document.createElement("span");
label.classList.add("text");
label.innerText = data.label;
item.appendChild(img);
item.appendChild(label);
elWrapper.appendChild(item);
}
function timedRefresh(timeoutPeriod) {
setTimeout("location.reload(true);",timeoutPeriod);
}
window.onload = timedRefresh(10000);
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.