Afficher une div en fonction d'une valeur booléenne

**philippef** · 16/05/2019, 15h42

Bonjour,

je cherche depuis un bon moment !!!
Dans mon exemple si le résultat indiqué est 5 j'affiche un message mais si le résultat est différent je veux que la div reste affichée.

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
 
<span style="cursor:pointer" onclick="javascript:montrer('madiv');"><b>Tester vos connaissances ?</b></span> <br />
 
<?php
$afficher = "";
$total = isset($_POST['total']) ? $_POST['total'] : "";
 
if (isset($_POST['valider1'])){
	if ($total == 5){
		$afficher = true;
	}
	else {
		$afficher = false;
 
	}
}
 
if ($afficher == false){
	echo '<div id="madiv" >
		<FORM NAME="log" ACTION="index.php?page=connexion" METHOD="POST">
			indiquer le résultat de 2 + 3 <input type="text" name="total" value="" ><br />
			<input type="submit" name="valider1" value="valider"/>
		</FORM>
	</div>';
} 
else {
	echo "le résultat est correct";
}
?>

le fichier css

Code :

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

1
2
 
#madiv {display:none; }

je ne mets pas fonction script car elle fonctionne

Merci d'avance

Invité · 16/05/2019, 19h51

Bonjour,

que vaut :

Code :

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

echo $_POST['total'];

?

N.B. C'est du "Débugage de base"...

**philippef** · 16/05/2019, 22h59

Avec

Code :

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

1
2
 
echo $_POST['total'];

j'ai un message d'erreur

Code :

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

1
2
 
Notice: Undefined index: total in C:\Weblocal\Sites\Jumelage\fr\logging.php on line 207

avec

Code :

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

1
2
 
echo $total;

le résultat s'affiche mais pas la div lorsque le résultat est faux. !!!

Invité · 17/05/2019, 09h39

Bon.

A priori, c'est juste de la LOGIQUE assez basique.

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
 
<?php
$is_correct = false;
$total = isset($_POST['total']) ? $_POST['total'] : "";
 
if (isset($_POST['valider1'])){
	$is_correct = ($total == 5); // true ou false
}
 
if ( $is_correct )
{
	echo "le résultat est correct";
} 
else {
	echo '<div id="madiv" >
		<FORM NAME="log" ACTION="index.php?page=connexion" METHOD="POST">
			indiquer le résultat de 2 + 3 <input type="text" name="total" value="" ><br />
			<input type="submit" name="valider1" value="valider"/>
		</FORM>
	</div>';
}
?>

**philippef** · 17/05/2019, 11h19

Bonjour,

Merci pour la réponse.
Je viens de tester mais àa fonctionne toujours pas !! Que le résultat soit "true" ou "false" la div est cachée.

Invité · 17/05/2019, 11h38

Vire le CSS :

Code :

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

#madiv {display:none; }

Sinon, autre solution :

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
// ........
 
if ( $is_correct )
{
	echo "le résultat est correct";
} 
?>
	<div id="madiv" style="display:<?php echo ( $is_correct )? 'none' : 'block'; ?>">
		<FORM NAME="log" ACTION="index.php?page=connexion" METHOD="POST">
			indiquer le résultat de 2 + 3 <input type="text" name="total" value="" ><br />
			<input type="submit" name="valider1" value="valider"/>
		</FORM>
	</div>

**philippef** · 17/05/2019, 13h22

Ok c'est presque çà.
si le résultat est "false", la div reste affichée.
si le résultat est "true", la div disparaît

au chargement de la page elle est affichée !!
j'ai tenté ça :

Code :

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

1
2
 
<body onload = "javascript:cacher('madiv');">

mais du coup elle est toujours cachée, que le résultat soit "false" ou "true". Donc j'ai supprimé !!

Invité · 17/05/2019, 13h53

La prochaine fois, tu indiqueras CLAIREMENT et DÈS TON 1er MESSAGE TOUS les tenants et aboutissants.

Code :

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

1
2
3
4
5
6
7
8
9
<?php
// Traitement
$is_correct = false;
$total = isset($_POST['total']) ? $_POST['total'] : "";
 
if (isset($_POST['valider1'])){
	$is_correct = ($total == 5); // true ou false
}
?>

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
<span style="cursor:pointer" onclick="montrer('madiv');"><b>Tester vos connaissances ?</b></span> <br />
<?php
// Affichage
if ( $is_correct )
{
	echo $total." : le résultat est correct";
} 
?>
	<div id="madiv" style="display:<?php echo ( $is_correct || $total == '' )? 'none' : 'block'; ?>">
		<form name="log" action="index.php?page=connexion" method="post">
			indiquer le résultat de 2 + 3 <input type="text" name="total" value="" ><br />
			<input type="submit" name="valider1" value="valider"/>
		</form>
	</div>
<?php
if( !$is_correct && $total != ''){
	echo $total." : ce résultat faux...";
}
?>

Pour info :

Code :

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

onclick="javascript:montrer('madiv');"

Il n'est plus utile de préciser "javascript" :

Code :

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

onclick="montrer('madiv');"

**philippef** · 17/05/2019, 15h03

Merci pour la réponse.
Tout fonctionne comme je souhaite.
Pardon de pas être clair dès le début

Invité · 17/05/2019, 15h42

Il existe une solution PLUS SIMPLE encore (et moins "prise de tête") :

il suffit d'ajouter une <div>, pour "séparer" les actions :

Code css :

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

#madiv {display:none; } /* on masque au départ */

Code html :

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

1
2
3
4
5
6
7
8
	<div id="madiv">
	<div style="display:<?php echo ( $is_correct )? 'none' : 'block'; ?>">
		<form name="log" action="" method="post">
			indiquer le résultat de 2 + 3 <input type="text" name="total" value="" ><br />
			<input type="submit" name="valider1" value="valider"/>
		</form>
	</div>
	</div>

"madiv" sera affichée au clic sur le bouton.
L'autre * dépend uniquement du résultat du formulaire.

* (on pourrait utiliser une balise <fieldset>)

**philippef** · 06/06/2019, 17h24

Après avoir beaucoup galéré et avec beaucoup d'aide le problème est résolu.
Ce code permet d'afficher un formulaire pour saisir une adresse mail. Si l'adresse est correcte on ferme la div sinon on écrit un message d'erreur et la div reste affichée.
Pour ceux que cela intéresse :
code de la page index.php

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
 
<?php
include("fonctionsphp.php");
 
// Traitement
$is_correct = false;
 
$saisi = isset($_POST['saisi']) ? $_POST['saisi'] : "";
$mail = !empty($_POST['mail']) ? $_POST['mail'] : "";
 
if ($mail){
  $adresse_mail = htmlentities($mail);
  $is_correct = !VerifierAdresseMail($adresse_mail) ? false : true;
  $saisi =  $is_correct == true ?  'ok' : '';
}
 
if (isset($_POST['valider2'])){
	$is_correct = ($saisi == 'ok'); // true ou false
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>toto</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="scripts/scripts.js"></script>
  </head>
  <body style="font-family:verdana">
    <span style="cursor:pointer" onclick="montrer('madiv');">
      <b>Mot de passe oublié ?</b>
    </span>
    <br />
    <?php
    // Affichage
    if ( $is_correct ) {
      echo $mail." : adresse correcte";
    } 
    ?>
      <div id="madiv" style="display:<?php echo ( $is_correct || $mail == '' )? 'none' : 'block'; ?>">
        <form name="log" action="" method="post">
          Saisissez votre adresse mail 
          <input type="text" name="mail" value="<?php echo $mail;?>" ><br />
          <input type="text" name="saisi" value="<?php echo $saisi; ?>"><br />
          <input type="submit" name="valider2" value="valider"/>
        </form>
      </div>
    <?php
    if( !$is_correct && $mail != ''){
      echo $mail." : adresse incorrecte!";
    }
    ?>
  </body>
</html>

le fichier script.js

Code :

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

1
2
3
4
 
function montrer(id){
	document.getElementById(id).style.display = "inline";
}

le fichier fonctionsphp.php

Code :

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

1
2
3
4
5
6
7
8
9
 
//vérifie l'adresse mail
function VerifierAdresseMail($adresse_mail){
   $Syntaxe='#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#';
   if(preg_match($Syntaxe,$adresse_mail))
      return true;
   else 
     return false;
}