Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 25/05/2011, 15h24   #1
Invité régulier
 
Inscription : avril 2007
Messages : 78
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 78
Points : 8
Points : 8
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 !
Nesta92 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 15h43   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

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

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 093
Points : 45 093
quand ?
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 15h59   #3
Invité régulier
 
Inscription : avril 2007
Messages : 78
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 78
Points : 8
Points : 8
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é).
Nesta92 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h06   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

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

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 093
Points : 45 093
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 :
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 :
1
2
3
4
 
.green {color: green;}
.orange {color: orange;}
.red {color: red;}
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h25   #5
Invité régulier
 
Inscription : avril 2007
Messages : 78
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 78
Points : 8
Points : 8
J'ai essayé mais ça ne semble pas fonctionner ... Peut-être qu'en ayant mon code de base ...

Code php :
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 !
Nesta92 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h29   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

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

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 093
Points : 45 093
Code :
<td class=\"".$class."\">".$result->statut_dossier."</td>
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h35   #7
Invité régulier
 
Inscription : avril 2007
Messages : 78
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 78
Points : 8
Points : 8
Ok mais le bout de code à insérer avant c'est bien entre 2 balises php ?

Comme ça :

Code php :
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;
}
?>
Nesta92 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h39   #8
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 009
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

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

Informations forums :
Inscription : mars 2002
Messages : 30 009
Points : 45 093
Points : 45 093
c'est bien une opération php ... donc si tu veux que le serveur l'interprète ...
__________________
Ma page 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


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h41   #9
Membre éprouvé
 
Avatar de Nheo_
 
Homme
Étudiant
Inscription : avril 2011
Messages : 317
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : avril 2011
Messages : 317
Points : 405
Points : 405
Oui, mais tu dois placer ça DANS ta boucle while, comme ceci :
Code :
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>");
}
Nheo_ est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 16h45   #10
Invité régulier
 
Inscription : avril 2007
Messages : 78
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 78
Points : 8
Points : 8
Un énorme merci à tous les 2 ... ça fonctionne parfaitement !
Vraiment merci du coup de main ;-)
Nesta92 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 15h34.


 
 
 
 
Partenaires

Hébergement Web