IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de Darkoos0410
    Homme Profil pro
    Technicien ingénierie réseaux et voix
    Inscrit en
    Septembre 2019
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 22
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activité : Technicien ingénierie réseaux et voix

    Informations forums :
    Inscription : Septembre 2019
    Messages : 119
    Points : 93
    Points
    93
    Par défaut Afficher les données d’une ligne d'un BDD
    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
    Nom : 3.png
Affichages : 294
Taille : 16,9 Ko

    et voici le script que j'ai commencé a faire
    Code html : 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
    <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

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 109
    Points
    44 109
    Par défaut
    Bonjour,
    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

  3. #3
    Membre régulier Avatar de Darkoos0410
    Homme Profil pro
    Technicien ingénierie réseaux et voix
    Inscrit en
    Septembre 2019
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 22
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activité : Technicien ingénierie réseaux et voix

    Informations forums :
    Inscription : Septembre 2019
    Messages : 119
    Points : 93
    Points
    93
    Par défaut
    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.

  4. #4
    Membre régulier Avatar de Darkoos0410
    Homme Profil pro
    Technicien ingénierie réseaux et voix
    Inscrit en
    Septembre 2019
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 22
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activité : Technicien ingénierie réseaux et voix

    Informations forums :
    Inscription : Septembre 2019
    Messages : 119
    Points : 93
    Points
    93
    Par défaut
    Voila ce que j'ai trouver sur internet en cherchant sur "onchange" mais je suis pas dutout sur de moi.

    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
    <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>

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 109
    Points
    44 109
    Par défaut
    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.

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

  6. #6
    Membre régulier Avatar de Darkoos0410
    Homme Profil pro
    Technicien ingénierie réseaux et voix
    Inscrit en
    Septembre 2019
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 22
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activité : Technicien ingénierie réseaux et voix

    Informations forums :
    Inscription : Septembre 2019
    Messages : 119
    Points : 93
    Points
    93
    Par défaut
    Je te remercie d'avoir répondu et essayer de m'aider mais j'ai complétement recommencer mon code.

    Code html : 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
    <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>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [FPDF] Afficher les données à partir d'une base de données
    Par Stu76 dans le forum Bibliothèques et frameworks
    Réponses: 28
    Dernier message: 24/01/2011, 15h35
  2. Réponses: 3
    Dernier message: 03/08/2010, 17h04
  3. Réponses: 1
    Dernier message: 08/02/2010, 10h19
  4. Réponses: 4
    Dernier message: 01/03/2007, 15h24
  5. Afficher les données d'un champ sur une ligne
    Par white-angel dans le forum Access
    Réponses: 6
    Dernier message: 30/08/2006, 12h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo