[RESOLU] comment ajouter du style css dans un code javascript

Mammouth du PHP | 506 Messages

03 avr. 2021, 18:57

bonjour a tous

j ai ce code dans lequel je souhaiterais par exemple que le message d erreur affiche
puisse être en couleur rouge sur fond jaune
Vous devez cocher au moins une case dans la meteo et dans les esches utilisees

merci de l aide

Code : Tout sélectionner

<script> //on selectionne notre form sur lequel on souhaite écouter les évenements const formulaire = document.querySelector('#sectionForm'); //si on clic sur "Envoyer" on vérifi si il y a un minimum de case cochées: formulaire.onsubmit = function(){ if(verifier_si_cochee('technique[]') && verifier_si_cochee('meteo[]')) return true; else { //on affiche un petit message formulaire.append(" Vous devez cocher au moins une case dans la meteo et dans les esches utilisees "); //et on bloque le soumission du form: return false; } } function verifier_si_cochee(name_input) { //avec cette fonction, on boucle chaque case et retourne true si ya une case cochée let input=formulaire.querySelectorAll('input[name="'+name_input+'"]') for (let i = 0; i < input.length; i++) { if(input[i].checked) return true; } //sinon on retourne false return false; } </script>

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

06 avr. 2021, 12:59

Crée un div (ou un span) vide avec le style CSS voulu.

Et au lieu de faire un append() qui ajoute ton texte après l'élément sélectionné, fait un appendChild() pour insérer ton texte dans l'élément voulu.
https://developer.mozilla.org/fr/docs/W ... ppendChild
Quand tout le reste a échoué, lisez le mode d'emploi...

Mammouth du PHP | 506 Messages

08 oct. 2022, 11:30

Bonjour
super merci pour la reponse
cela fonctionne