Changer la couleur d'un texte ? [Fermé]

Signaler
-
jordane45
Messages postés
27569
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 février 2020
-
Bonjour,

Je débute avec JavaScript.
j'ai un paragraphe dont je souhaite changer la couleur du texte avec un onclick.

Voilà mon code :
<html>
 <head>
  <meta charset="utf-8" />
  
  <script>
   function changerCouleur(){
    if(form.couleur.options[0].selected){
     document.getElementById("para").style.color="#f00";
    }
    else if(form.couleur.options[1].selected){
     document.getElementById("para").style.color="#0f0";
    }
    else if(form.couleur.options[2].selected){
     document.getElementById("para").style.color="#00f";
    }
    else if(form.couleur.options[3].selected){
     document.getElementById("para").style.color="#ff0";
    }
   }
  </script>
 </head>
 <body>
  <p id="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  
  <form name="form">
   <select name="couleur">
    <option value="rouge">rouge</option>
    <option value="vert">vert</option>
    <option value="bleu">bleu</option>
    <option value="jaune">jaune</option>
   </select>
   <input type="submit" onClick="changerCouleur();" />
  </form>
 <body>
</html>


Quand je clique sur le bouton, le paragraphe change de couleur mais uniquement au moment du clique (je relache la souris et le texte redevient noir). Je voudrais qu'il reste avec la couleur changée.

Comment faire ?
Merci

1 réponse

Messages postés
27569
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 février 2020
2 110
Bonjour,

Normal ... vu que tu as utilisé un SUBMIT .. ça recharge la page !
modifie :
type="submit"


par :
type="button"

Ok merci beaucoup !!
Je pensais que submit et button était identique.

Donc submit recharge la page, je note !
jordane45
Messages postés
27569
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 février 2020
2 110 > Mozartini
SUBMIT ... SOUMET le formulaire ....
C'est utilisé pour transmettre (en PHP ) les données en POST (ou GET) à un script PHP (ou autre langage serveur en fait......).
Enfin bref ... vu que toi tu ne transmet rien et que tu veux juste un bouton... tu dois utiliser un BUTTON :-)