Bonjour, pour mon cours d'informatique je dois créer un site commerciale "basique" en nodejs,MongoDB,HTML,CSS,Javascript.
J'ai plusieurs questions a vous demander et problèmes à régler
Voila la gueule de mon site

Je vais vous énumérer mes problèmes :
1. Quand je clique sur "like" pour un article, ça like tt les articles et je ne sais pas comment régler ça.
2.On peut cliquer sur la photo de l'article qui nous redirigerais vers une page propre à cette article avec une description plus détaillées, donc j'ai mis un lien sur cette image (qui est le même pour tt les articles) qui redirige vers une autre page mais comment faire pour envoyer les données spécifiques de l'article que j'ai cliqué vers cette page ? (les données:{{Titre}},{{Prix}},{{Name}},{{Adresse}},{{Date}})
Voici mes différents code :
1. MA liste d'article
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
<div id="plainte" class="container boite">
    <table width="90%" clas="list_tb" >
      <tr>
        <th>Image</th>
        <th>Description</th>
      </tr>
      {{#table}}
      <tr >
      <td width="15%"><a href="monarticle"><div class="img_article"><img src="lapine.jpg" ></div></a></td>
      <td ><div class="titre_article">{{Titre}}
        <div class="heart-btn">
          <div class="content">
            <span class="heart"></span>
            <span class="text"></span>
            <span class="numb"></span>
          </div>
        </div>      
      </div><div class="prix_article">Prix: {{Prix}}</div><div class="contain_article"><div>Nom: {{Name}}</div><div>Adresse: {{Adresse}}</div><div>Date: {{Date}}</div></div></td>   
      </tr>
      {{/table}}
 
    </table>
</div>

2. Le css qui gère les likes
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
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
/**
 * jQuery Really Simple Dialog plugin 1.0
 *
 * Copyright (c) 2017 NTD3004 (https://github.com/NTD3004/JQuery-Really-Simple-Dialog)
 *
 * Samples and instructions at: 
 * https://github.com/NTD3004/JQuery-Really-Simple-Dialog
 *
 * This script is free software: you can redistribute it and/or modify it 
 * under the terms of the GNU General Public License as published by the Free 
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 */
 
.simple-dialog {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
    -webkit-transition: opacity 1ms .25s, -webkit-transform .25s;
    transition: opacity 1ms .25s, -webkit-transform .25s;
    -o-transition: transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s, -webkit-transform .25s;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
 
.simple-dialog.active {
	height: 100%;
    opacity: 1;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
 
.simple-dialog a:hover {
	cursor: pointer;
}
 
.simple-dialog-content {
	background-color: #fff;
    width: 280px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    box-sizing: border-box;
}
 
.simple-dialog-header, .simple-dialog-footer {
	padding: 15px;
    position: relative;
    text-align: center;
}
 
.simple-dialog-body {
	padding: 0 15px;
}
.simple-dialog-body .message {
    padding: 0 15px;
 
}
.simple-dialog-header .titles {
	margin: 0;
	padding: 0;
}
 
.simple-dialog-close {
	color: #999999;
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 30px;
    margin-top: -5px;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
 
}
 
.simple-dialog-close:before {
	content: "\00d7";
	color: #fff;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
 
.simple-dialog-button {
	display: block;
    width: 200px;
    margin: 15px auto;
    color: #fff;
    background-color: rgb(0, 123, 255);
    position: relative;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
 
.simple-dialog-button.accept, .simple-dialog-button.cancel {
    width: 30%;
 
}
 
 
.simple-dialog-button.accept  {
    background-color: rgb(40, 167, 69);
    border:none;
 
}
 
.simple-dialog-button.cancel {
	background-color: rgb(134, 142, 150);
}
.button-accept,.button-cancel{
    color:white;
 
 
}

3. Mon code js qui gères les likes
Code :Sélectionner tout -Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<script>
  $(document).ready(function(){
    $('.content').click(function(){
      $('.content').toggleClass("heart-active")
      $('.text').toggleClass("heart-active")
      $('.numb').toggleClass("heart-active")
      $('.heart').toggleClass("heart-active")
    });
  });
</script>

4. Mon code Node javascript
Code :Sélectionner tout -Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
  app.get('/liste.html', function(req,res,next) {
    dbo.collection('incident').find({}).toArray().then((doc)=> {
 
      if (err) throw err;
 
      if ( req.session.userName){
        res.render('liste.html', {utilisateur:req.session.userName ,table:doc} ); 
      }
      else{
        res.render('connection.html',{othername:"",mauvaismdp:""})
      }
      });
    });

Merci aux personnes qui me répondront, ça fait 1semaine que j'essaye de régler ces problèmes sans succès