Récupération d'une la valeur d'un id pour envoi en BDD

**pyrocats** · 01/10/2019, 19h05

Bonjour à tous,

j'ai un problème qui est que je n'arrive pas à récupérer l'id de mon <a> alors que j'aurais besoin de sa valeur pour une variable pour un envoi en BDD.
Sachant que l'id est en HTML, et que la fonction qui permet d’envoyé mes données est en JS mais l'envoi et la connexion à ma BDD est en PHP.
J'ai essayé déjà quelque truc quelque que data- ou des $_get ou $_post mais rien à faire :'(

voici 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
<!DOCTYPE html>
<html>
 
<head>
 
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
	<link rel="stylesheet" href="Forme/lib/bootstrap.min.css">
	<link rel="stylesheet" href="Forme/style/acceuil.css">
    <link rel="stylesheet" href="Forme/style/vehicule.css">
 
	<title>Serveur</title>
 
<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
<a href="Acceuil.php" class="thumbnail"> 
    <img src="Forme/img/logolspd.png" width="70" height="70" alt="">  
</a>
 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
    <li class="nav-item active"><a class="nav-link" href="#">Casiers Judiciaires <span class="sr-only">(current)</span></a></li>
    <li class="nav-item active"><a class="nav-link" href="intervention.php">Interventions<span class="sr-only">(current)</span></a></li>
    <li class="nav-item active"><a class="nav-link" href="vehicule.php">Véhicules<span class="sr-only">(current)</span></a></li>
    <li class="nav-item active"><a class="nav-link" href="plainte.php">Plaintes<span class="sr-only">(current)</span></a></li>
    <li class="nav-item active"><a class="nav-link" href="codepenal.php">Code Pénal<span class="sr-only">(current)</span></a></li>
    </ul>
  </div>
</nav>
 
</head>
 
<body>
 
<div class="list-group">
  <a id="QAH 519" href="#" class="list-group-item list-group-item-action" data-plaque="QAH 519" onclick="changeColor(this); ">QAH 519</a>
  <a id="RLR 502" href="#" class="list-group-item list-group-item-action" data-plaque="RLR 502" onclick="changeColor(this);">RLR 502</a>
  <a id="ZUW 937" href="#" class="list-group-item list-group-item-action" data-plaque="ZUW 937" onclick="changeColor(this);">ZUW 937</a>
  <a id="RCO 087" href="#" class="list-group-item list-group-item-action" data-plaque="RCO 087" onclick="changeColor(this);">RCO 087</a>
</div>
 
    <script src="Forme/lib/jquery-3.3.1.slim.min.js"></script>
    <script src="Forme/lib/bootstrap.min.js"></script>
 
</body>
</html>
<?php require 'fonctionconnexion.php';?>
 
 
<script language="javascript">
 
function changeColor( elt ){
  elt.classList.toggle('active');
 
/*var x = $("#test").data("plaque");*/
 
 
<?php
 
 
$Plaque = $POST['id'];
$date = date("Y-m-d");
$heure = date("H:i");
 
$bdd = getBdd();
$req =  $bdd->prepare('INSERT INTO voiture (Plaque, date, heure) VALUES (:Plaque, :date, :heure)');
 
$req->execute(array(
    'Plaque' => $Plaque,
    'date' => $date,
    'heure' => $heure,
 
    ));
?>
 
 
 
}
 
</script>

et le css qui va avec :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.list-group{
    width : 80%;
    display: flex; 
    justify-content: center;
    margin-left : 10%;
    margin-top: 5%;
}
 
.list-group > a { 
    background-color:#fff; 
  }
  .list-group > a.active { 
    background-color:red; 
  }

Merci par avance

**javatwister** · 01/10/2019, 19h25

Bonjour,

Je ne vois pas d'envoi au serveur dans cette page

Par ailleurs, c'est curieux ta manière d'insérer des éléments hors du html...

**pyrocats** · 01/10/2019, 19h37

euh je ne vois pas trop quoi répondre, justement si je demande de l'aide c'est pour en avoir x)

**danielhagnoul** · 01/10/2019, 20h32

Code :

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

1
2
3
4
5
6
function changeColor(elt) {
    let id = elt.id;
    let plaque = elt.dataset.plaque;
 
    console.log(`id = ${id} ; plaque = ${plaque}`);
}

EDIT

Attention au format de l'ID.

"QAH 519" n'est pas valable, car il y a un espace. Il faut écrire "QAH_519".

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div class="list-group">
    <a id="QAH_519" href="#" class="list-group-item list-group-item-action" data-plaque="QAH 519"
        onclick="changeColor(this); ">QAH 519</a>
    <a id="RLR_502" href="#" class="list-group-item list-group-item-action" data-plaque="RLR 502"
        onclick="changeColor(this);">RLR 502</a>
    <a id="ZUW_937" href="#" class="list-group-item list-group-item-action" data-plaque="ZUW 937"
        onclick="changeColor(this);">ZUW 937</a>
    <a id="RCO_087" href="#" class="list-group-item list-group-item-action" data-plaque="RCO 087"
        onclick="changeColor(this);">RCO 087</a>
</div>

**pyrocats** · 01/10/2019, 20h45

Merci pour le début de cette réflexion,

Cependant je ne vois pas comment entrer la valeur de l'id qui doit allez dans plaque pour mon envoi à ma BDD ?!

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
 
 
function changeColor( elt ){
  elt.classList.toggle('active');
  let id = elt.id;
    let plaque = elt.dataset.plaque;
 
    console.log(`id = ${id} ; plaque = ${plaque}`);
 
<?php
 
$Plaque = $_POST['id'];
$date = date("Y-m-d");
$heure = date("H:i");
 
$bdd = getBdd();
$req =  $bdd->prepare('INSERT INTO voiture (Plaque, date, heure) VALUES (:Plaque, :date, :heure)');
 
$req->execute(array(
    'Plaque' => $Plaque,
    'date' => $date,
    'heure' => $heure,
 
    ));
?>
 
}

Encore merci d'avance

Invité · 01/10/2019, 22h09

Bonjour,

Tu mélanges :

PHP (côté serveur, donc AVANT affichage de la page),
et JS (côté client, donc APRÈS)...

**pyrocats** · 02/10/2019, 00h39

Et je pourrais faire comment du coup car j'ai continuer de cherche et je suis tombe sur de L'AJAX mais j'y comprend pas grand chose :/

**NoSmoking** · 02/10/2019, 15h10

Bonjour,

L'AJAX mais j'y comprend pas grand chose

Commence donc par : Comprendre les mécanismes d'AJAX

**pyrocats** · 02/10/2019, 19h19

J'ai déjà lu des trucs sur le fonctionnement d'AJAX et des exmples mais je ne vois pas comment l'intégrer à mon code pour faire ce que je veux.
Je suis la pour essaye d'avoir des réponses et de l'aide pas pour avoir des liens de tutoriel car je peut les trouver tout seul les tutos.

Mais pour l'instant j'ai l'impression que se forum est surtout là pour ne pas aider les débutants mais que les débutants sont là pour juste entendre de la part des gens qui ont des compétences en dev qui font des erreurs sauf que vous expliqué pas.
Donc bon...

Enfin bref je vais allez chercher de l'aide ailleurs sur des forums qui sont là pour aider les débutants pas juste pour leurs énoncé leurs erreurs

**NoSmoking** · 02/10/2019, 20h59

Peut-être que mooooonsieur attend de nous, non pas de l'aide mais un code fonctionnel, là tu te fourres le doigt dans le oeil et bien profond. (oui ta réponse m'a irrité).

D'une part ce n'est pas l'esprit des forums et de celui-ci, relis les règles, même si tu trouveras toujours quelqu'un pour te le faire et d'autre part il y a une grande différence entre « j'y comprend pas grand chose » et « comment l'intégrer à mon code pour faire ce que je veux », c'est en cela que les tutoriels proposés peuvent t'aider.

Ne mets pas la charrue avant les boeufs, les bases sont indispensables et les conseils prodigués jusque là sont tous biens fondés.

Pour intégrer ton code il faudrait déjà que tu nous le montre, or hormis faire des remarques désobligeantes envers les gens qui ont pris le temps de te répondre que nous as tu proposé, malgré tes longues et nombreuses lectures de tutoriels, rien ... nada

C'est en mettant les doigts sur ses erreurs que l'on apprend à ne plus les faire même si tu as l'impression de perdre ton temps.

Dis nous réellement sur quoi tu bloques ou ... va chercher ton code sous d'autres cieux !

Je ne te salue même pas

**pyrocats** · 03/10/2019, 10h22

Alors non j'attend pas un code fonctionnel bien au contraire, je veux comprendre et apprendre cependant les tuto pour Ajax j'en est lu et je ne me comprend pas car j'ai essayé certaines chose qui ne marche pas malgré l'aide que certains on pue m'apporté,

Mais sur les quelques message du topic les 3/4 sont soit des liens vers des tutos que j'ai déjà lu soit des "c'est bizarre ce que tu fais" donc forcement c'est embêtant.

Invité · 03/10/2019, 10h54

Bonjour,
On ne va pas perdre du temps à t'écrire du code ou te donner des conseils, si tu ne comprends pas de quoi on parle.

Il ne suffit pas de "lire" un tuto (car en réalité, il s'agit plutôt de "parcourir" un tuto).

Il faut FAIRE DES EXERCICES, SIMPLES, pour en comprendre la syntaxe et le mécanisme.
ENSUITE seulement, tu pourras l'appliquer à ton propre code.

Le plus simple à mon avis est celui-ci : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest
Il contient des EXEMPLES, qu'il suffit de TESTER.