Changement de couleur plusieurs fois sur le même texte

Fermé

IvanMater Messages postés 1 Date d'inscription lundi 27 novembre 2017 Statut Membre Dernière intervention 27 novembre 2017 - 27 nov. 2017 à 10:41
jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 - 27 nov. 2017 à 11:07

Bonjour,

Je n'arrive pas à faire en sorte de changer de couleur plusieurs fois sur le même texte. J'ai pas de soucis à changer la couleur du texte en cliquant dessus ce qui le fait passer du jaune au rouge mais je n'arrive pas à revenir en arrière en recliquant dessus.

Voici mon code

<html>
	<head>
		<script language="javascript" type="text/javascript">
            function changeColor(elm){
            	elm.style.color="red";
                document.getElementById('McDonald').style.color = 'red'
            }
        </script>
	</head>
	<body style="background-color:green">
		<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
		<h1 style="color:yellow" align=center> <div onclick="javascript:changeColor(this);"> McDonald <div> </h1>
	</body>
</html>

A voir également:

Changement de couleur plusieurs fois sur le même texte
Excel cellule couleur si condition texte - Guide
Changer de dns - Guide
Changement d'écriture - Guide
Somme si couleur - Guide
Transcription audio en texte word gratuit - Guide

2 réponses

Réponse 1 / 2

Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 209
27 nov. 2017 à 10:47

if (document.getElementById('McDonald').style.color == 'red') Color='Yellow'; else Color='red';
document.getElementById('McDonald').style.color = Color;

Gros, un truc du genre.

Réponse 2 / 2

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
Modifié le 27 nov. 2017 à 11:06

Bonjour,

function changeColor(elm){
  if(elm.style.color=="red"){
      elm.style.color="Yellow";
  }else{
     elm.style.color="red";
  }
}

Cordialement,
Jordane

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
27 nov. 2017 à 11:07

Ou sinon avec l'écriture ternaire :

function changeColor(elm){
   elm.style.color = elm.style.color=="red" ? 'yellow' : 'red';
}

Discussions similaires

Que peut faire 3fois/j un homme, mais qu'1fois/j une femme

paiment 4x nickel sur top achat

Formule Excel : "SI" une cellule contient un mot, alors ?

couleur personnage

imprimer plusieurs fois la meme photos sur la meme page