Modifier couleur du texte en fonction de sa valeur Débutant HTML [Fermé]

Signaler
-
 Sissou -
Bonjour,

J'ai réalisé une belle carte sur "Fusion tables" l'interface maps de Goolge...
J'aurais aimé afficher un texte dans le tableau qui accompagne la sélection (sur la carte maps)...
Pour cela ll faut trifouiller un code HTML. Et je suis complètement ignorant en la matière...
J'ai cherche depuis plusieurs heures comment faire... mais je n'y arrive pas.

Ce que j'aurais aimé faire :</gras>
Si le texte {Etat} est : LIBRE = couleur du texte verte
Si le texte est {Etat} : RESERVE = couleur du texte rouge

Voici le code qu'ils proposent automatiquement :

<div class='googft-info-window'>
<b>Secteur:</b> {Secteur}<br>
<b>Ville:</b> {Ville}<br>
<b>CP:</b> {CP}<br>
<b>État:</b> {État}
</div>


MERCI par avance pour votre aide.

Sylvain

1 réponse

Messages postés
836
Date d'inscription
jeudi 28 janvier 2010
Statut
Membre
Dernière intervention
7 octobre 2018
523
Bonjour,
Déjà ce serait bien qu'il y ait des balises pour définir les choses pour les manipuler ensuite. Exemple :
<div class='googft-info-window'>
<b>Secteur:</b> <span id="secteur">{Secteur}</span><br>
<b>Ville:</b> <span id="ville">{Ville}</span><br>
<b>CP:</b> <span id="cp">{CP}</span><br>
<b>État:</b> <span id="etat">{État}</span>
</div>


Et puis tu vas chercher tes informations avec le DOM
document.querySelector("#secteur").innerText // retourne "{Secteur}"
//à mettre dans une variable, tu peux comparer cette chaine avec ce que tu attends
var secteur = document.querySelector("#secteur")
if (secteur.innerText == "LIBRE") {
  secteur.style.color = "green"
}


(en ce moment je bosse sur du python donc je peux me planter sur la syntaxe du "if" en JS, t'as l'idée à toi de jouer maintenant)
Merci Grandasse pour ta réponse...

Mais, comme je l'ai dis, je ne connais pas du tout le code...
Je suis désolé mais je ne comprends pas ce que tu veux dire. :-(
Et surtout qu'est ce qu'il me faut écrire.

Attention car "Fusion table" considère tout ce qui est entre { } comme des "colonne".
Il m'indique donc que : secteur.style.color = "green" n'est pas une colonne...

Pardon pour mon ignorance... mais, promis, j'y ai encore passé pas mal de temps. :-)