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

Fermé
Sissou - Modifié le 15 janv. 2018 à 20:04
 Sissou - 17 janv. 2018 à 21:03
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

A voir également:

1 réponse

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
15 janv. 2018 à 23:34
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)
0
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. :-)
0