IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Changer couleur du texte en fonction du mot ?


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 87
    Par défaut Changer couleur du texte en fonction du mot ?
    Bonjour à tous !

    Petite question rapide... J'aimerai savoir si il est possible de changer la couleur d'un mot suivant ce même mot ?
    Exemple : Si le mot est "attention" alors le mettre en rouge, sinon si le mot est "valide", alors le mettre en vert, et enfin si c'est "en attente", le mettre en orange ...

    Je ne sais pas si c'est très clair :p

    Un gros merci d'avance !

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    quand ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 87
    Par défaut
    Merci d'avoir pris le temps de répondre :-)
    En fait, j'affiche les données d'une BDD dans un tableau, et j'ai une colonne "Statut" qui indique si un dossier est "Terminé", "En cours" ou "Non traité".

    Et j'aimerais que ce statut ai une couleur différente en fonction de son état (terminé, en cours ou non traité).

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu code en php coté serveur ?
    en tout état de cause mieux vaut eviter de le triater en js

    rajoute avec php un span avec une class par couleur ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    $class=""
    switch ($etat) {
      case "Terminé" : $class="green";
      break;
      case "En cours" : $class="orange";
      break;
      case "Non Traité" : $class="red";
      break;
    }
     
    echo '<span class="'.$class.'">'.$etat.'</span>
    avec en css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .green {color: green;}
    .orange {color: orange;}
    .red {color: red;}
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 87
    Par défaut
    J'ai essayé mais ça ne semble pas fonctionner ... Peut-être qu'en ayant mon code de base ...

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    //affichage des données:
        while( $result = mysql_fetch_object( $requete ) )
    	{ 
    	   echo(
               "<tr>
    	<td>".$result->id."</td>
    	<td>".$result->statut_dossier."</td>
    	<td>".$result->date_entree_sav."</td>
    	<td>".$result->nom_client."</td>
    	<td>".$result->numero_vo."</td>
    	<td>".$result->marque_modele."</td>
    	<td>".$result->immatriculation."</td>
    	<td>".$result->motif_retour."</td>
     
     
    	</tr>\n"
           ) ;
        }
    	echo("</table>");

    Et c'est donc le "statut_dossier" qu'il faut colorer suivant son statut ...

    Un gros gros merci pour l'aide en tout cas !

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td class=\"".$class."\">".$result->statut_dossier."</td>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 87
    Par défaut
    Ok mais le bout de code à insérer avant c'est bien entre 2 balises php ?

    Comme ça :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <?php
    $class=""
    	switch ($statut_dossier) {
      case "TERMINE" : $class="green";
      break;
      case "EN COURS" : $class="orange";
      break;
      case "NON TRAITE" : $class="red";
      break;
    }
    ?>

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    c'est bien une opération php ... donc si tu veux que le serveur l'interprète ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre chevronné Avatar de Nheo_
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2011
    Messages
    323
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2011
    Messages : 323
    Par défaut
    Oui, mais tu dois placer ça DANS ta boucle while, comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    while( $result = mysql_fetch_object( $requete ) )
    { 
    	$class="";
    	switch ($result->statut_dossier) {
    		case "TERMINE" : 
    			$class="green";
    			break;
    		case "EN COURS" : 
    			$class="orange";
    			break;
    		case "NON TRAITE" : 
    			$class="red";
    			break;
    	}
     
    	echo(
    		"<tr>
    		<td>".$result->id."</td>
    		<td class=\"".$class."\">".$result->statut_dossier."</td>
    		<td>".$result->date_entree_sav."</td>
    		<td>".$result->nom_client."</td>
    		<td>".$result->numero_vo."</td>
    		<td>".$result->marque_modele."</td>
    		<td>".$result->immatriculation."</td>
    		<td>".$result->motif_retour."</td>
     
     
    		</tr>\n"
    		) ;
    	}
    	echo("</table>");
    }

  10. #10
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    87
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 87
    Par défaut
    Un énorme merci à tous les 2 ... ça fonctionne parfaitement !
    Vraiment merci du coup de main ;-)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. changer couleur et texte affichés dans cmd
    Par zezitinho dans le forum C++
    Réponses: 2
    Dernier message: 22/10/2007, 09h31
  2. Réponses: 7
    Dernier message: 05/04/2007, 23h09
  3. Réponses: 2
    Dernier message: 15/08/2006, 13h51
  4. Réponses: 1
    Dernier message: 08/06/2006, 12h01
  5. Changer couleur de texte de ligne
    Par uloaccess dans le forum Access
    Réponses: 2
    Dernier message: 26/01/2006, 17h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo