Positionner windows.onload pour inclure plusieurs fonctions
Résolu/Fermé
lucanne212274
Messages postés
9
Date d'inscription
samedi 30 octobre 2021
Statut
Membre
Dernière intervention
27 juin 2022
-
1 nov. 2021 à 16:39
lucanne212274 Messages postés 9 Date d'inscription samedi 30 octobre 2021 Statut Membre Dernière intervention 27 juin 2022 - 1 nov. 2021 à 17:33
lucanne212274 Messages postés 9 Date d'inscription samedi 30 octobre 2021 Statut Membre Dernière intervention 27 juin 2022 - 1 nov. 2021 à 17:33
A voir également:
- Positionner windows.onload pour inclure plusieurs fonctions
- Positionner une image html ✓ - Forum HTML
- Codes secrets Android : accéder aux fonctions cachées - Guide
- Impossible d'installer hyper-v le processeur ne dispose pas des fonctions de virtualisation requises ✓ - Forum Hyper-V
- Excel fonction cherche plusieurs valeurs ✓ - Forum Excel
- Fonction rang excel avec plusieurs conditions ✓ - Forum Excel
2 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
1 nov. 2021 à 17:01
1 nov. 2021 à 17:01
bonjour
const cBoxAv = document.getElementById("concerts-box-av");
const cBoxPr = document.getElementById("concerts-box-pr");
const buttonLeftAv = document.getElementById('fleche-avg');
const buttonRightAv = document.getElementById('fleche-avd');
const buttonLeftPr = document.getElementById('fleche-prg');
const buttonRightPr = document.getElementById('fleche-prd');
window.onload = function exampleFunction(){
cBoxAv.addEventListener("scroll", function (){
var XscrollAvg = cBoxAv.scrollLeft;
if(XscrollAvg == 0) {
buttonLeftAv.classList.add('hide');
} else {
buttonLeftAv.classList.remove('hide');
}
var XscrollAvd = cBoxAv.scrollLeft;
var cBoxAvScrollWidth = cBoxAv.scrollWidth;
var cBoxAvClientWidth = cBoxAv.clientWidth;
var XscrollAvPercent = XscrollAvd / (cBoxAvScrollWidth - cBoxAvClientWidth);
var XscrollAvPercentRound = Math.round (XscrollAvPercent * 100);
if(XscrollAvPercentRound == 100) {
buttonRightAv.classList.add('hide')
} else if (cBoxAvClientWidth >= cBoxAvScrollWidth) {
buttonRightAv.classList.add('hide');
} else {
buttonRightAv.classList.remove('hide');
}
})
cBoxPr.addEventListener("scroll",function (){
var XscrollPrg = cBoxPr.scrollLeft;
if(XscrollPrg == 0) {
buttonLeftPr.classList.add('hide');
} else {
buttonLeftPr.classList.remove('hide');
}
var XscrollPrd = cBoxPr.scrollLeft;
var cBoxPrScrollWidth = cBoxPr.scrollWidth;
var cBoxPrClientWidth = cBoxPr.clientWidth;
var XscrollPrPercent = XscrollPrd / (cBoxPrScrollWidth - cBoxPrClientWidth);
var XscrollPrPercentRound = Math.round (XscrollPrPercent * 100);
if(XscrollPrPercentRound == 100) {
buttonRightPr.classList.add('hide');
} else if (cBoxPrClientWidth >= cBoxPrScrollWidth) {
buttonRightPr.classList.add('hide');
} else {
buttonRightPr.classList.remove('hide');
}
})
}
lucanne212274
Messages postés
9
Date d'inscription
samedi 30 octobre 2021
Statut
Membre
Dernière intervention
27 juin 2022
1 nov. 2021 à 17:33
1 nov. 2021 à 17:33
Cher Jordane,
Une nouvelle fois un immense merci !!
Tu es mon sauveur !
Une nouvelle fois un immense merci !!
Tu es mon sauveur !