les media queries et l'injection js

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
jokertitcho
Messages : 4
Enregistré le : 11 déc. 2022, 15:45

les media queries et l'injection js

Message par jokertitcho » 11 déc. 2022, 16:09

bonjour, je suis en formation pour devenir développeur full stack et donc je débute . Je suis entrain de faire un site pour appliquer et me faire la main .
Je suis actuellement dans une impasse j'ai même questionné chatGPT ^^ . Mais il comprend pas vraiment ce que je veux lui dire ou je m'exprime peut être mal ou troisième option je comprend pas forcement ça réponse bref... Je tente ma chance auprès de réel humain :lol: .
Voila mon problème j'ai injecté une class que j'ai défini dans mon CSS mais qui n'existe pas dans mon HTML.
de la façon suivante .

const fixedCancel = document.getElementsByClassName("test");
console.log(fixedCancel);

window.addEventListener("scroll", () => {
if (window.scrollY > 600) {
for (var i = 0; i < fixedCancel.length; i++) {
fixedCancel.classList.remove("anime");
fixedCancel.classList.add("animPosition");
}
} else {
for (var i = 0; i < fixedCancel.length; i++) {
fixedCancel.classList.remove("animPosition");
fixedCancel.classList.add("anime");
}
}
});

Mais voila quand la hauteur de mon écran change ça ne rend plus pareil donc j'ai écris cette même class fictive dans un media queries pensant que celle ci serait automatiquement prise en compte quand mon écran aurait telle hauteur il injecterait celle du media queries il n'en est rien . quel est la méthode pour faire ce que j'ai envie de faire ?

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: les media queries et l'injection js

Message par webmaster » 11 déc. 2022, 19:04

Bonjour

C'est presque bon a mon avis
Mais fixedCancel est un tableau
il faut donc attaquer chaque élément avec fixedCancel
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

jokertitcho
Messages : 4
Enregistré le : 11 déc. 2022, 15:45

Re: les media queries et l'injection js

Message par jokertitcho » 11 déc. 2022, 20:06

c'est a dire je ne comprends pas ?

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: les media queries et l'injection js

Message par webmaster » 11 déc. 2022, 21:25

Il faut écrire :
fixedCancel.classList.remove("anime");

pareil pour tous les autres
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

jokertitcho
Messages : 4
Enregistré le : 11 déc. 2022, 15:45

Re: les media queries et l'injection js

Message par jokertitcho » 11 déc. 2022, 22:18

comprend pas c'est deja ecrit

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: les media queries et l'injection js

Message par webmaster » 12 déc. 2022, 10:08

C'est le mode bbocdes qui supprime les [ i ]
Donc je suppose que le script d'origine les a bien aussi

Code : Tout sélectionner

fixedCancel[ i ].classList.remove("anime");
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

jokertitcho
Messages : 4
Enregistré le : 11 déc. 2022, 15:45

Re: les media queries et l'injection js

Message par jokertitcho » 14 déc. 2022, 11:39

je comprends rien a ce que tu me dis :cry:

Répondre