Faire un hide-show-hide entre 2 différents boutons HTML en JQUERY dans une condition PHP
Bonjour.
J'ai un souci. En fait, mon formulaire HTML a 2 boutons qui devraient chacun avoir 2 différentes ACTIONS. Mais je souhaiterais que par défaut le 2ème bouton soit caché. ET affiché quand l'ACTION du code PHP sera traitée. Si elle est affichée, alors, le 1er bouton devrait lui à son tour caché
Voici mon code:
Code:
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
| <!DOCTYPE html>
<html>
<head></head>
<body>
<div style="text-align: left;"><form method="POST">
<select class="form-control" name="numIndic" required="required">
<option value="default">Select the country</option>
<option value="AF">Afghanistan</option>
<option value="AX">Åland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
</select>
<input class="form-control" type="email" name="email" id="email" placeholder="Your email" required="required" />
<input class="form-control" type="number" name="numField" id="numField" placeholder="Ex: 04578999" required="required" />
<select class="form-control" name="fileExt" required="required">
<option value="">Select the File Type</option>
<option value=".txt">.txt</option>
</select>
<div class="form-group text-center">
<button type="submit" class="btn btn-blue btn-block">Next</button>
</div>
<div class="globalContent">
<main>
<section class="container-lg">
<!--Example 5-->
<div class="cell example example5" id="example-5">
<div class="row">
<div class="field">
<fieldset>
<legend class="card-only" >Last</legend>
<input class="form-control" type="number" name="zip" id="zip" required="required" />
</div>
</div>
<button type="submit" >Start now</button>
</fieldset>
</form>
</div>
</section>
</body>
</div>
</html>
<?php
$startNumber = (isset($_POST['numField'])) ? $_POST['numField'] : 0;
$longueur_total = (isset($_POST['numLength'])) ? $_POST['numLength'] : 0;
$destinataire = (isset($_POST['email'])) ? $_POST['email'] : 0;
$countIndic = (isset($_POST['numIndic'])) ? $_POST['numIndic'] : 0;
$fileExtension = (isset($_POST['fileExt'])) ? $_POST['fileExt'] : 0;
$fileName = $startNumber . "De" . $countIndic . $fileExtension;
$file = fopen($fileName, 'w');
$startNumberMillion = $startNumber + 5555;
$NumCountry = $startNumber.$countIndic;
$i = $startNumber - 1;
if(isset($NumCountry)){
while ($i <= $startNumberMillion) {
$i++;
}
fclose($file);
} else {
echo "
<script type='text/javascript'>
const toast = swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false
});
toast({
type: 'error',
title: 'Le Pays sélectionné ne correspond pas au Numéro renseigné. Veuillez vérifier le nombre de chiffres !'
})
</script>
";
}
?> |
Vous remarquez comme moi que ce formulaire comporte 2 différents boutons dont le 1er (Next) situé dans le div de la ligne 30 à 32.
Je voudrais que :
1 - Dans un premier temps, par défaut, à l'affichage de la page, tout le contenu de <section class="container-lg"> ... </section> (ligne 37 à 54) dont le champs <input class="form-control" type="number" name="zip" id="zip" required="required" /> ET le 2ème bouton <button type="submit" >Start now</button> soit caché (hide en Jquery).
2 - Dans un second temps, que:
A - lorsqu'on clique sur le 1er bouton (Next) situé dans le div de la ligne 30 à 32, la condition du Code PHP située à partir de la ligne 78 à 98 dans le code PHP situé juste en dessous du formulaire soit traité comme ACTION de ce 1er bouton.
B - si cette condition est VRAIE, il faudra NON SEULEMENT TRAITER LA BOUCLE du if(isset($NumCountry)){ ... } mais aussi et SURTOUT AFFICHER tout le Contenu de <section class="container-lg"> ... </section> (ligne 37 à 54) dont le champs <input class="form-control" type="number" name="zip" id="zip" required="required" /> ET le 2ème bouton <button type="submit" >Start now</button> qui était caché par défaut.
Donc, il faudra donc insérer l'affichage (show en Jquery) dans le if(isset($NumCountry)){ ... } du PHP de sorte à ce que le traitement de l'ACTION via le if marche avec l'apparition de la section qui devrait normalement par défaut caché.
C - Une fois, le 2ème bouton apparu (affiché) après la vérification du VRAI de la condition PHP, le 1er bouton lui aussi, devra à son tour se caché.
Merci de m'aider s'il vous plaît. J'ai besoin de votre aide car depuis quelques heures je m'embrouille devant mon écran sans succès.
