Modifier couleur du texte en fonction de sa valeur Débutant HTML
Sissou
-
Sissou -
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 :
MERCI par avance pour votre aide.
Sylvain
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:
- Modifier couleur du texte en fonction de sa valeur Débutant HTML
- Modifier dns - Guide
- Excel cellule couleur si condition texte - Guide
- Fonction si et - Guide
- Modifier liste déroulante excel - Guide
- Modifier sa voix en direct - Guide
1 réponse
Bonjour,
Déjà ce serait bien qu'il y ait des balises pour définir les choses pour les manipuler ensuite. Exemple :
Et puis tu vas chercher tes informations avec le DOM
(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)
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)
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. :-)