Afficher les données d’une ligne d'un BDD

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

J'ai un petit problème c'est que je doit faire un site web pour accueillir des informations de capteurs mais je dois aussi gérer ces capteurs. J'ai bien réussi consulter et créer un capteurs mais je n'arrive pas a modifier un capteurs. Le problème c'est que j'ai mis une liste déroulante et qu'il faudrait que quand je clique sur un des choix sur la listes déroulantes il faudrait qu'il affiche les informations du capteurs concerner, je sais que je doit le faire en Javascript mais j'ai beau cherché sur internet et j'arrive pas a savoir qu'elle fonction il faut utiliser pour faire cela.
Voici un screen de la page web
Pièce jointe 598816

et voici le script que j'ai commencé a faire

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
<html>
<head>
	<link rel="stylesheet" href="style.css" />
</head>
<body>
<?php
        require('config.php');
        if (isset($_REQUEST['num_boitiers'], $_REQUEST['description']))
        {
                $num_boitiers = stripslashes($_REQUEST['num_boitiers']);
                $num_boitiers = mysqli_real_escape_string($conn, $num_boitiers); 
                
                $description = stripslashes($_REQUEST['description']);
                $description = mysqli_real_escape_string($conn, $description);
                
                //on teste l'existence des variables et on vérifie qu'elle ne sont pas vides
                if ((isset($num_boitiers) && !empty($num_boitiers)) && (isset($description) && !empty($description)))
                {       
                $sql = "UPDATE boitier_qae SET Num_boitiers = '$num_boitiers', Description = '$description' WHERE 1";
                $res = mysqli_query($conn, $sql)or die('Erreur SQL2 !<br/>'.$sql.'<br/>'.mysqli_error($conn));
        
                        if($res)
                                {       
                                        echo "<div class='sucess'>
                                                        Le capteur à bien été mise à jour !
                                                        <p> Pour allez sur la page liste capteur <a href='liste_capteurs.php'>Cliquez ici</a></p>
                                                        </div>";
                                }
                                else 
                                {
                                        echo "Erreur de saisie !";
                                }
                }
                
 
        }
?>
		<form class="box" action="" method="post" name="modifier">
		<h1 class="box-title">Modifier capteur</h1>
		<select name="Capteur" id="capteurs">
		 <?php
                        for ($i=1;$i<30;$i++)
                        {
                                echo "<option>capteur ".$i."</option>";
                        }
                ?>
		</select>
		<input type="text" class="box-input" name="num_boitiers" placeholder="Numéro de boitier" required />
		<input type="text" class="box-input" name="description" placeholder="Description" required />
		<input type="submit" name="submit" value="Modifier" class="box-button" />
		<p class="box-register">Revenir à la page liste capteur <a href="liste_capteurs.php">Cliquez ici</a></p>
		</form>
</body>
</html>

Merci pour votre aide
Baptiste

30/05/2021, 07h43
NoSmoking
Bonjour,

Citation:

je sais que je doit le faire en Javascript mais j'ai beau cherché sur internet et j'arrive pas a savoir qu'elle fonction

Si tu as beaucoup de données, via la technique Ajax déclenché sur le onchange de <select>, si non tu peux envisager de chargées toutes celle-ci.

Peut-être pourrais tu également donner des nouvelles sur les discussions :
ce ne serait que pure politesse ;)
30/05/2021, 10h16
Darkoos0410

Bonjour,
Merci je me les avoir rappelé je les avais complètement oublié ces forums.
Après je ne sais pas il va installer combien de capteurs mais je pense que ça ne va pas dépasser les 100 capteurs.

Voila ce que j'ai trouver sur internet en cherchant sur "onchange" mais je suis pas dutout sur de moi.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
		 function modifier()
		 {
			var capteurs = $(":select[name=capteurs]").value();    // On récupère la valeur du sélect ayant pour id "capteurs"
 
			$.request('edit.php',               // AJAX : On appelle un script php
			{
				id_marque: capteurs               // Passage de la variable en paramètre
			},          
				function(data)
				{
				$('#capteurs').html(data);             // On ajoute le résultat de se script dans la balise qui a pour id "capteurs". (un div ou un span comme tu le souhaites)
				})
		};
		</script>

01/06/2021, 11h07
NoSmoking

Avec ou sans jQuery, sur le onchange du <select> tu fais un appel via Ajax à ton serveur en lui passant l'ID de ton capteur, le serveur doit te retourner les caractéristiques de celui-ci, sous forme d'objet JSON ou autre, que tu intègres à ta page au retour.

:koi: $.request, tu sors cela d'où ?

Je te remercie d'avoir répondu et essayer de m'aider mais j'ai complétement recommencer 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
<html>
<head>
	<link rel="stylesheet" href="style.css" />
</head>
<body>
<?php
        require('config.php');
        
        if(isset($_POST['valider']))
        {
                
                
                //echo $_POST['Capteur'];
                
                $nbBoitierChaine = substr ($_POST['Capteur'] ,8);
                //echo $nbBoitierChaine;
                $nbBoitier = intval($nbBoitierChaine);
                
                //echo $nbBoitier;
                
                // On créé la requête pour afficher
        $req ="SELECT Num_boitiers, Description FROM `boitier_qae` WHERE `Num_boitiers` = ".$nbBoitier; 
        //echo $req;            
                
        //on envoie la requête
        $res = mysqli_query($conn, $req);
                
                //Affiche les données
                $data = mysqli_fetch_array($res);
                
                //echo $data['Description'];
        
                
        }
        else if (isset($_POST['modifier']))
        {
                
                
                $nbBoitierChaine = substr ($_POST['Capteur'] ,8);
                //echo $nbBoitierChaine;
                $nbBoitier = intval($nbBoitierChaine);
        
                // On créé la requête pour modifier
                $req = "UPDATE boitier_qae SET Description = '".$_POST['description']."' WHERE Num_boitiers=".$nbBoitier;
                //echo $req;
                
                $data['Description'] = $_POST['description'];
                
                //on envoie la requête
        $res = mysqli_query($conn, $req);
                        if($res)
                                {       
                                        echo "<div class='sucess'>
                                                        Le capteur à bien été modifier !
                                                        <p> Pour allez sur la page liste capteur <a href='liste_capteurs.php'>Cliquez ici</a></p>
                                                        </div>";
                                }
                                else 
                                {
                                        echo "Erreur de saisie !";
                                }
        }
        else
        {
                $data['Description']="";
        }
        
?>
		<form id = "formEdit" class="box" action="" method="post" name="modifier">
		<h1 class="box-title">Modifier capteur</h1>
		<select name="Capteur" id="capteurs">
		 <?php
                        for ($i=1;$i<30;$i++)
                        {
                                
                                if ($i==$nbBoitier) echo "<option selected>capteur ".$i."</option>";
                                else echo "<option>capteur ".$i."</option>";
                        }
                 ?>
		</select>
		<input type="submit" class="box-button" id="form" name="valider" value="OK"/></br>
 
 
		<?php echo "</br><input type='text' class='box-input' name='description' value='".$data['Description']."' placeholder='Description' />"; ?>
 
		<input type="submit" name="modifier" value="Modifier" class="box-button"/>
 
		<p class="box-register">Revenir à la page liste capteur <a href="liste_capteurs.php">Cliquez ici</a></p>
		</form>
 
</body>
</html>