Faire disparaitre un SPAN quand il n'y a pas de message.

**theocbr** · 20/06/2019, 13h47

Bonjour,

On saisie dans un input un message et le message s'affiche sur une page web , code ci dessous.
Il y a 2 input car soit on envoit un message avec une taille de police xx-large ou x-large , donc on choisit un seul input et l'autre est vide , j'aimerais savoir comment faire pour que si je choisis un message dans un span l'autre span avec l'autre message disparaisse. Car ce que ça m'affiche pour l'instant :

Nom : theo.PNG
Affichages : 356
Taille : 57,8 Ko

Nom : theo.PNG
Affichages : 356
Taille : 57,8 Ko

Code :

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
24
25
26
27
28
29
30
 
 
 <span id="menu">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: xx-large;" > ⚠
<?php
//error_reporting(0); // Désactiver le rapport d'erreurs
session_start();
 
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
echo $tableau['Message'];
 
 
?>
</span>
 
 
 <span id="menu2">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: x-large;" > ⚠
<?php
//error_reporting(0); // Désactiver le rapport d'erreurs
session_start();
 
$tableau = unserialize(file_get_contents('recupmess22.txt'));
 
echo $tableau['Message2'];
 
 
?>
</span>

Invité · 20/06/2019, 14h11

Bonjour,

1- Le PHP n'a pas d'intérêt ici.

Merci de montrer le code HTML généré.

2- session_start(); ne sert à rien non plus.

**theocbr** · 20/06/2019, 14h32

Ne faites pas attention au code concernant les logo , je suis en test , merci.

Mais vous me demandez mon code alors que je n'ai pas créer un code permettant de faire "disparaitre" une balise span lorsqu'elle n'a rien reçu , car je ne sais pas comment m'y prendre , avec des if ?

Code :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
 
 
<!DOCTYPE html> 
<html> 
    <head> 
        <title>C&D FOODS FRANCE - CONDITIONNEMENT MARENGO</title> 
        	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>C&D FOODS FRANCE CONDITIONNEMENT MAR2</title>
	<center><font size="5"><b><p id="condi">CONDITIONNEMENT MARENGO - SEMAINE DU <?php echo $premierjoursemaine; ?> </p></b></font></center>
	<link rel="shortcut icon" href="CD FOODS.ico">
	<link rel="stylesheet" href="jquery.mobile/demos/css/themes/default/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" href="jquery.mobile/demos/_assets/css/jqm-demos.css">
    <link rel="stylesheet" href="jquery.mobile/demos/css/openfonts.css">
	<link rel="stylesheet" href="affichage.css">
<script type="text/javascript" src="anychart/js/anychart-base.min.js"></script>
	<script type="text/javascript" src="anychart/js/anychart-exports.min.js"></script>
	<script type="text/javascript" src="anychart/js/anychart-ui.min.js"></script>
<?php /* header("Refresh: {$duree}; url={$pagesuiv}", FALSE, 307);*/ ?>
<style type="text/css">
  
html, body, #container {
    width: 90%;
    height: 80%;
    margin: 60px;
    padding: 0;
}
 
 
 
 
</style>
</head>
<body>
<script>
 
var totalcondiLundi = resultcondiLundiPaal + resultcondiLundiBPA + resultcondiLundiFP;  //total condi lundi
var totalcondiMardi = resultcondiMardiPaal + resultcondiMardiBPA + resultcondiMardiFP; //total condi Mardi
var totalcondiMercredi = resultcondiMercrediPaal + resultcondiMercrediBPA + resultcondiMercrediFP; // total condi Mercredi
var totalcondiJeudi = resultcondiJeudiPaal + resultcondiJeudiBPA + resultcondiJeudiFP; //total condi jeudi
var totalcondiVendredi = resultcondiVendrediPaal + resultcondiVendrediBPA + resultcondiVendrediFP; //total condi vendredi
 
 
</script>
<script>
 
        var resultcondiLundiPaal = <?php echo json_encode($CondiLundiPaal); ?>;
        var resultcondiLundiBPA = <?php echo json_encode($CondiLundiBPA); ?>;
        var resultcondiLundiFP = <?php echo json_encode($CondiLundiFP); ?>;
        
        var resultcondiMardiPaal = <?php echo json_encode($CondiMardiPaal); ?>;
        var resultcondiMardiBPA = <?php echo json_encode($CondiMardiBPA); ?>;
        var resultcondiMardiFP = <?php echo json_encode($CondiMardiFP); ?>;
        
        var resultcondiMercrediPaal = <?php echo json_encode($CondiMercrediPaal); ?>;
        var resultcondiMercrediBPA = <?php echo json_encode($CondiMercrediBPA); ?>;
        var resultcondiMercrediFP = <?php echo json_encode($CondiMercrediFP); ?>;
        
        var resultcondiJeudiPaal = <?php echo json_encode($CondiJeudiPaal); ?>;
        var resultcondiJeudiBPA = <?php echo json_encode($CondiJeudiBPA); ?>;
        var resultcondiJeudiFP = <?php echo json_encode($CondiJeudiFP); ?>;
        
        var resultcondiVendrediPaal = <?php echo json_encode($CondiVendrediPaal); ?>;
        var resultcondiVendrediBPA = <?php echo json_encode($CondiVendrediBPA); ?>;
        var resultcondiVendrediFP = <?php echo json_encode($CondiVendrediFP); ?>;
 
        var resultcondiSamediPaal = <?php echo json_encode($CondiSamediPaal); ?>;
        var resultcondiSamediBPA = <?php echo json_encode($CondiSamediBPA); ?>;
        var resultcondiSamediFP = <?php echo json_encode($CondiSamediFP); ?>;
 
 
 
</script>
 
 
 
 
 
 
<?php
 
if ( LOGO == "attention")
{
        LOGO ==ENT_HTML5( "&#9888");
        
}
 
 
 
 
 
 
?>
 
 <span id="menu">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: xx-large;" > <?php echo LOGO;?>
<?php
 
session_start();
 
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
echo $tableau['LOGO'];
 
 
?>
<?php
 
session_start();
 
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
echo $tableau['Message'];
 
 
?>
</span>
 
 
 <span id="menu2">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: x-large;" > 
<?php
 
session_start();
 
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
echo $tableau['LOGO2'];
 
 
?>
<?php
 
session_start();
 
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
echo $tableau['Message2'];
 
 
?>
</span>

Invité · 20/06/2019, 15h14

1- Je n'ai pas demandé ton code, mais le code HTML généré : "Ctrl" + "U"

2-

Envoyé par theocbr

...faire "disparaitre" une balise span lorsqu'elle n'a rien reçu...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$tableau = unserialize(file_get_contents('recupmess2.txt'));
 
if( !empty($tableau['Message']) ) // si le message n'est pas vide
{
?>
<span id="menu">        
   <span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: xx-large;" > ⚠
   <?php echo $tableau['Message']; ?>
   </span>
</span>
<?php
}
?>

A ADAPTER...

...ou définis clairement "n'a rien reçu".

**theocbr** · 20/06/2019, 15h25

Je suis pas sùr de te comprendre, tu me demande de voir les codes sources de la page ?

Code :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
 
<!DOCTYPE html> 
<html> 
    <head> 
        <title>C&D FOODS FRANCE - CONDITIONNEMENT MARENGO</title> 
        	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>C&D FOODS FRANCE CONDITIONNEMENT MAR2</title>
	<center><font size="5"><b><p id="condi">CONDITIONNEMENT MARENGO - SEMAINE DU 17-06-2019 </p></b></font></center>
	<link rel="shortcut icon" href="CD FOODS.ico">
	<link rel="stylesheet" href="jquery.mobile/demos/css/themes/default/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" href="jquery.mobile/demos/_assets/css/jqm-demos.css">
    <link rel="stylesheet" href="jquery.mobile/demos/css/openfonts.css">
	<link rel="stylesheet" href="affichage.css">
<script type="text/javascript" src="anychart/js/anychart-base.min.js"></script>
	<script type="text/javascript" src="anychart/js/anychart-exports.min.js"></script>
	<script type="text/javascript" src="anychart/js/anychart-ui.min.js"></script>
<style type="text/css">
  
html, body, #container {
    width: 90%;
    height: 80%;
    margin: 60px;
    padding: 0;
}
 
 
 
 
</style>
</head>
<body>
<script>
 
var totalcondiLundi = resultcondiLundiPaal + resultcondiLundiBPA + resultcondiLundiFP;  //total condi lundi
var totalcondiMardi = resultcondiMardiPaal + resultcondiMardiBPA + resultcondiMardiFP; //total condi Mardi
var totalcondiMercredi = resultcondiMercrediPaal + resultcondiMercrediBPA + resultcondiMercrediFP; // total condi Mercredi
var totalcondiJeudi = resultcondiJeudiPaal + resultcondiJeudiBPA + resultcondiJeudiFP; //total condi jeudi
var totalcondiVendredi = resultcondiVendrediPaal + resultcondiVendrediBPA + resultcondiVendrediFP; //total condi vendredi
 
 
</script>
<script>
 
        var resultcondiLundiPaal = "227400";
        var resultcondiLundiBPA = "460700";
        var resultcondiLundiFP = null;
        
        var resultcondiMardiPaal = "30120";
        var resultcondiMardiBPA = "439296";
        var resultcondiMardiFP = "97632";
        
        var resultcondiMercrediPaal = "132120";
        var resultcondiMercrediBPA = "322512";
        var resultcondiMercrediFP = "58320";
        
        var resultcondiJeudiPaal = null;
        var resultcondiJeudiBPA = null;
        var resultcondiJeudiFP = null;
        
        var resultcondiVendrediPaal = null;
        var resultcondiVendrediBPA = null;
        var resultcondiVendrediFP = null;
 
        var resultcondiSamediPaal = null;
        var resultcondiSamediBPA = null;
        var resultcondiSamediFP = null;
 
 
 
</script>
<script>
 
var icon = "";
 
 
</script>
 
<script>
 
if( LOGO == "attention")
{
        
        LOGO == ⚠
        
}
 
 
 
 
 
</script>
 
 
 
 
 <span id="menu">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: xx-large;" > <script>document.write( +icon); </script>
//-->
attentiontest test</span>
 
 
 <span id="menu2">        
<span style="border: 3px solid red;color: red;float: left;font-weight: bold;font-size: x-large;" > 
</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <div id="container"></div>
 
  <script>
anychart.onDocumentReady(function () {
    // crÃ©er un ensemble de donnÃ©es sur nos donnÃ©es
    var dataSet = anychart.data.set([
        
    
                
                ['Lundi',resultcondiLundiFP, resultcondiLundiPaal, resultcondiLundiBPA,],
        ['Mardi',resultcondiMardiFP ,resultcondiMardiPaal , resultcondiMardiBPA ],
        ['Mercredi',resultcondiMercrediFP ,resultcondiMercrediPaal , resultcondiMercrediBPA],
        ['Jeudi',resultcondiJeudiFP ,resultcondiJeudiPaal,resultcondiJeudiBPA ],
        ['Vendredi', resultcondiVendrediFP , resultcondiVendrediPaal,resultcondiVendrediBPA ],
                ['Samedi',   resultcondiSamediFP ,   resultcondiSamediPaal  , resultcondiSamediBPA],
                ]);
                
                
    // mapper les donnÃ©es pour la premiÃ¨re sÃ©rie, prendre x dans la colonne zÃ©ro et la valeur dans la premiÃ¨re colonne du jeu de donnÃ©es
    var seriesData_1 = dataSet.mapAs({'x': 0, 'value': 1});
 
    // map data for the second series, take x from the zero column and value from the second column of data set
    var seriesData_2 = dataSet.mapAs({'x': 0, 'value': 2});
 
    // map data for the second series, take x from the zero column and value from the third column of data set
    var seriesData_3 = dataSet.mapAs({'x': 0, 'value': 3});
 
 
 
    // crÃ©er un graphique Ã  barres
    var chart = anychart.column();
 
    // activer l'animation graphique
 
    chart.animation(true);
 
    // force graphique pour empiler les valeurs par lâ€™Ã©chelle Y.
    chart.yScale().stackMode('value');
 
    // dÃ©finir les paramÃ¨tres de texte du titre du graphique
     chart.title('Conditionnement');
    chart.title()
        .padding([0, 0, 5, 0])
        .fontSize("1em")
        .fontColor("#000000")
    .fontWeight("bold");
        
 
    // fonction d'assistance pour configurer les paramÃ¨tres d'Ã©tiquette pour toutes les sÃ©ries
    var setupSeriesLabels = function (series, name) {
        series.name(name)
                .stroke('3 #fff 1');
        series.hovered().stroke('3 #fff 1');
    };
 
    // variable temporaire pour stocker l'instance de la sÃ©rie
    var series;
 
    // crÃ©er la premiÃ¨re sÃ©rie avec des donnÃ©es mappÃ©es
    series = chart.column(seriesData_1);
    setupSeriesLabels(series, 'FP');
 
    // crÃ©er une deuxiÃ¨me sÃ©rie avec des donnÃ©es mappÃ©es
    series = chart.column(seriesData_2);
    setupSeriesLabels(series, 'PAAL');
 
    // crÃ©er une troisiÃ¨me sÃ©rie avec des donnÃ©es mappÃ©es
    series = chart.column(seriesData_3);
    setupSeriesLabels(series, 'BPA');
         
         chart.palette(['#60BB42', '#D60F09', '#0C119D']);
 
 
        
        
        //BARRE DE SEUIL
           var yAxis = chart.yAxis();
var marker = chart.lineMarker();
marker.axis(yAxis);
marker.value(700000);
marker.stroke('red 1', 3);
marker.zIndex(100);
  var textMarker = chart.textMarker();
textMarker.axis(chart.yAxis());
textMarker.value(70000);
textMarker.align("right");
textMarker.anchor("right-bottom");
textMarker.fontSize(24);
textMarker.fontColor("red");
textMarker.fontWeight("bold");
textMarker.offsetX(5);
textMarker.offsetY(255)
textMarker.text("Objectif");
   
 
         
    // turn on legend
    chart.legend().enabled(true).fontSize("1em").fontColor("#000000").fontWeight("bold").padding([0, 0, 20, 0]);
    // set yAxis labels formatter
    chart.yAxis().labels().format('{%Value}{groupsSeparator: }');
chart.yAxis().labels()
.fontSize("1em")
.fontColor("#000000")
.fontWeight("bold");
 
 
 
     chart.xAxis().labels()
chart.xAxis().labels()
.fontSize("1em")
.fontColor("#000000")
.fontWeight("bold");
    // dÃ©finir les titres des axes
  
    chart.yAxis().title('Pochons');
 chart.yAxis().title()
 .padding([0, 0, 5, 0])
 .fontSize("1em")
 .fontColor("#000000")
.fontWeight("bold");
 
    // dÃ©finir le survol interactif
    chart.interactivity().hoverMode('by-x');
 
    chart.tooltip()
            .valuePrefix('')
            .displayMode('union');
    // dÃ©finir l'identifiant du conteneur pour le graphique
    chart.container('container');
 
    // initier le dessin graphique
    chart.draw();
});
</script>
</body>
 
 
 
 
 
<script>
 var aujourdhuitoday = "17-06-2019";
 var resultprod = null;
 var resultprodmatin = null;
 var resultprodam = null;
 var resultprodnuit = null;
 var resultcondisommeFP = null;
 
 
</script>
 
 
 
 
 
 
 
</html>

Pour mieu t'expliquer , j'ai une page avec des inputs / 2 boutons differents , donc ce qui signifie que je veux sois récup l'input 1 ou le 2 mais pas les deux , sauf que le problème c'est que je fais afficher un cadre autour du text et un icon a coter, donc pour cela il faudrait faire "disparaitre" une balise SPAN , celle ou je n'ai rien écris dans l'input donc.

Merci de ton écoute.

Invité · 20/06/2019, 15h26

Voir le code que j'ai donné.

Faire disparaitre un SPAN quand il n'y a pas de message.

HTML

Vue hybride

Discussions similaires

Partager

Partager