Changement de couleur plusieurs fois sur le même texte

IvanMater Messages postés 1 Date d'inscription Statut Membre Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention - 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>

Afficher la suite

A voir également:

Changement de couleur plusieurs fois sur le même texte
Excel cellule couleur si condition texte - Guide
Changer de dns - Guide
Transcription audio en texte word gratuit - Guide
Changer la couleur de la barre des taches - Guide
Word couleur de fond texte - Guide

2 réponses

Réponse 1 / 2

Fallentree Messages postés 2309 Date d'inscription Statut Membre Dernière intervention 209

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

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

Cordialement,
Jordane

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Ou sinon avec l'écriture ternaire :

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

Discussions similaires

sertissage des cables rj45

imprimer plusieurs fois la meme photos sur la meme page

Changer la couleur de fond d'un en-tête

imprimer 4 fois le même ducument sur une page

Votre réponse

Discussions similaires