Discussion :

[pierrot10]

Bonjour à tous,


Je dois afficher des informations. Si l'une d'entre elle est nul, j'aimerais qu'elle ne s'affiche pas ainsi que le texte (titre) qui le précède.

Dans ce code, il y a une partie qui ne marche pas car j'ai ajouté

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 if(data.properties[i]['b1'] != NULL)

Si je l'enlève, ca marche

Code javascript :

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
 marker.bindPopup(
                    '<div class="property">' +
                        '<a data-field=' + data.properties[i]['id_field'] +'" data-station=' + data.properties[i]['id_station'] +'" href="charts.php?field='+ data.properties[i]['id_field'] +'">' +
                            '<div class="property-image">' +
 
                                '<img src="img/stations/station-' + data.properties[i]['id_station'] + '.jpg">' +
                            '</div>' +
                            '<div class="overlay">' +
 
                                '<div class="info">' +
                                      '<h3>' + data.properties[i]['station'] + '</h3>' +
                                    //'<figure>' + data.properties[i]['la'] + ',' + data.properties[i]['lo'] + '</figure>' +
                                    if(data.properties[i]['b1'] != NULL) '<div class="tag price"> ' + data.properties[i]['b1'] + '°C</div>' +
                                    if(data.properties[i]['b2'] != NULL) '<div class="tag price"> ' + data.properties[i]['b2'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['b3'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['b4'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['se'] + '°C</div>' +
 
                                '</div>' +
                            '</div>' +
                        '</a>' +
                    '</div>'
                );

Ce que j'aimerais faire dans cette partie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 '<div class="info">' +
                                      '<h3>' + data.properties[i]['station'] + '</h3>' +
                                    //'<figure>' + data.properties[i]['la'] + ',' + data.properties[i]['lo'] + '</figure>' +
                                     '<div class="tag price"> ' + data.properties[i]['b1'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['b2'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['b3'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['b4'] + '°C</div>' +
                                    '<div class="tag price"> ' + data.properties[i]['se'] + '°C</div>' +
 
                                '</div>' +

est si par exemple

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

data.properties[i]['b2']

est NULL , il ignore toute cette ligne

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

  '<div class="tag price"> ' + data.properties[i]['b2'] + '°C</div>' +

de manière à ce que le <div class="tag price"> ne s'affiche pas.

Est-ce que l'on oeut le faire directement à ce niveau, ou faut-il que j’imbrique tout ceci à un autre niveau?

Merci pour vos lumières

[Toufik83]

Bonjour,

tu peux utiliser une condition ternaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
'<h3>' + data.properties[i]['station'] + '</h3>' +
//'<figure>' + data.properties[i]['la'] + ',' + data.properties[i]['lo'] + '</figure>' +
(data.properties[i]['b1'] != NULL ? '<div class="tag price"> ' + data.properties[i]['b1'] + '°C</div>' :"")+
(data.properties[i]['b2'] != NULL ? '<div class="tag price"> ' + data.properties[i]['b2'] + '°C</div>':"") +
'<div class="tag price"> ' + data.properties[i]['b3'] + '°C</div>' +

[javatwister]

D'accord avec Toufik83;

Ceci dit:
1) Les chaînes composées de tags html sont difficiles à lire et à mettre à jour;
2) Un if dans un string, ça frise l'attentat à la pudeur.

[pierrot10]

D'accord, super, merci