Changer la couleur d'un texte ?

Fermé

Javascript

Mozartini - Modifié par jordane45 le 9/05/2016 à 13:47
jordane45 Messages postés 38441 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 février 2025 - 9 mai 2016 à 14:46

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

A voir également:

Javascript couleur texte
Excel cellule couleur si condition texte - Guide
Transcription audio en texte word gratuit - Guide
Code couleur rj45 - Forum câblage
Telecharger javascript - Télécharger - Langages
Somme si couleur - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38441 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 février 2025 4 737
9 mai 2016 à 13:48

Bonjour,

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

type="submit"

par :

type="button"

Mozartini
Modifié par Mozartini le 9/05/2016 à 14:13

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

Donc submit recharge la page, je note !

jordane45 Messages postés 38441 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 février 2025 4 737 > Mozartini
9 mai 2016 à 14:46

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 :-)

Discussions similaires

[Javascript] Modifier la couleur d'un texte

utiliser javascript pour récupérer une valeur dans un fichier txt

Afficher du texte en JavaScript

Couleur texte icônes bureau

Changer la couleur d'une cellule selon son texte

colorer une cellule en fonction de la valeur d'une autre cellule