Discussion :

[Eckm�l]

Bonjour,

Je cherche � r�cup�rer la valeur ou le contenu d'une div via une fonction JS, j'ai essay� le code suivant en me basant sur plusieurs forums que j'ai lu :

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
<div class="button" value="3">bouton</div>
<div class="button" value="4">autre bouton</div>
<style>
    div {
        background-color: red;
    }
    div:hover {
        cursor: grab;
    }
</style>
 
<script>
    button = document.querySelectorAll("button");
    button.forEach(button => {
        button.addEventListener('click', value => {
            console.log("il est passé par ici")
            console.log(button.getAttribute("value"));
        })
    })
</script>

Les console.log ne me renvoie rien, je pense du coup que je ne passe par la fonction, j'aimerai bien savoir pourquoi

[SpaceFrog]

un div n'a pas d'attribut value ...
passe plutot par des data-value ...
https://developer.mozilla.org/fr/doc...ata_attributes

[Eckm�l]

Merci pour le data-value, �a a l'air en effet de correspondre � mon soucis, j'ai pu remplacer par �a :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="button1" data-value="1">bouton</div>
<div id="button2" data-value="2">autre bouton</div>
 
<script>
    for (var compteur = 1; compteur < 3; compteur++){
        id = "button" + compteur;
        console.log("id : " + id);
        document.getElementById(id).addEventListener("click", function () {
            console.log("il est passé par ici");
            console.log(document.getElementById(id).dataset.value);
        })
    }
</script>

Bon le souci c'est que maintenant la variable renvoy�e par le click est forc�ment 2

[SpaceFrog]

C'est un peu confus ...
Dis nous plutot ce que tu veux faire de tes data-value ...

[mathieu]

vous n'avez pas bien d�clar� la variable "id" donc c'est pour �a que vous avec un r�sultat inattendu. je crois que votre code cr�e une variable "id" globale.

essayez plut�t �a :

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
<div id="button1" data-value="1">bouton</div>
<div id="button2" data-value="2">autre bouton</div>
 
<script>
    "use strict";
 
    for (var compteur = 1; compteur < 3; compteur++){
 
        let id = "button" + compteur;
 
        console.log("id : " + id);
 
        document.getElementById(id).addEventListener("click", function () {
            console.log("il est passé par ici");
            console.log(document.getElementById(id).dataset.value);
        });
 
    }
</script>

�a c'est pour le cot� javascript.
par contre du c�t� fonctionnalit�s, je suis un peu comme SpaceFrog, je ne comprends pas trop ce que vous voulez faire.

[Eckm�l]

C'est un peu confus ...
Dis nous plutot ce que tu veux faire de tes data-value ...

Merci de ta r�ponse Space Frog, en fait, j'ai un ensemble de liste de r�sultats de recherche qui sont incr�ment� via une requ�te php, ce qui me donne un r�su

R�sultat 1 :
Description :
blalbalbalblallab

avec R�sultat 1 qui est dans une div appeler PodResult1 et ainsi de suite jusqu'au nombre de r�sultats que la requ�te php me donne.
� la fin j'aimerai cliquer sur la div R�sultat1 pour afficher uniquement se r�sultat dans la div r�sultat comprenant tous les r�sultats

PS : La solution de Mathieu a bien march�, du coup, je vais poursuivre dans cette voix, marqu� r�solu et souhait� bonne continuation � tous !