Valeur précédente ou suivante dans un tableau au click
Résolu
anthonyr_25
Messages postés
165
Date d'inscription
Statut
Membre
Dernière intervention
-
anthonyr_25 Messages postés 165 Date d'inscription Statut Membre Dernière intervention -
anthonyr_25 Messages postés 165 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Salut à vous,
Alors voila j'aimerais qu'au click d'un élément (element.childNodes[1 ou 5]) l'index du tableau (dans l'exemple il est de 7) passe à l'index d'avant ou celui d'après
Configuration: Windows / Chrome 102.0.0.0
Salut à vous,
Alors voila j'aimerais qu'au click d'un élément (element.childNodes[1 ou 5]) l'index du tableau (dans l'exemple il est de 7) passe à l'index d'avant ou celui d'après
<div class="arrow"> // ma div comportant mes flèches
<a href=""><img src="assets/img/arrow.svg" alt=""></a> // ma première flèche donc element.childNodes[1]
<p class="date"></p>
<a href=""><img src="assets/img/arrow.svg" alt=""></a> // ma seconde flèche donc element.childNodes[5]
</div>
tab_date = [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022];
const arrow = document.querySelectorAll('.arrow');
arrow.forEach(element => {
console.log(element.childNodes[5]);
element.childNodes[3].innerHTML = tab_date[7]; // index actuel de mon tableau dans mon élément p class date
element.childNodes[1].addEventListener('click', ()=>{
/* element.childNodes[3].innerHTML = ? ; */ // valeur précédente de mon tableau donc 2021
})
element.childNodes[5].addEventListener('click', ()=>{
/* element.childNodes[3].innerHTML = ? ; */ // valeur suivante de mon tableau donc 2015
})
});
Configuration: Windows / Chrome 102.0.0.0
A voir également:
- Valeur précédente ou suivante dans un tableau au click
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Imprimer un tableau excel - Guide
- Tableau croisé dynamique - Guide
3 réponses
Bonjour,
Si personne ne répond .. ça ne sert à rien de mettre des petits "up" ....
En général, c'est simplement que :
- La question n'est pas claire
- Ou que les personnes n'ont pas le temps ..
Pour ma part .. j'ai eu beau tourner ton message dans tous les sens.. je ne comprends pas ce que tu essaies de faire....
Peut-être que si tu partageais.. par exemple... le code html complet.. ça pourrait aider.
Si personne ne répond .. ça ne sert à rien de mettre des petits "up" ....
En général, c'est simplement que :
- La question n'est pas claire
- Ou que les personnes n'ont pas le temps ..
Pour ma part .. j'ai eu beau tourner ton message dans tous les sens.. je ne comprends pas ce que tu essaies de faire....
Peut-être que si tu partageais.. par exemple... le code html complet.. ça pourrait aider.
du coup je suis en train de partir sur quelque chose comme sa :
element.childNodes[1].addEventListener('click', ()=>{
for (let index = 0; index < tab_date.length; index++) {
if (element.childNodes[3].innerHTML === tab_date[index]) {
element.childNodes[3].innerHTML = tab_date[index]--;
}
}
/* element.childNodes[3].innerHTML = ; */
})
Bha c'est pourtant simple à comprendre en plus j'ai même détailler avec des commentaires...
Et le reste du code html ne sert à rien pour cela donc aucun intérêt que je le mette c'est pour sa que je ne l'ai pas mis..
Du coup je vais essayer de mieux reformuler ma question, ce que je voudrais c'est un caroussel avec des données stocker dans un tableau js la pour le coup c'est des années
A corriger par
après je pense que ce que je veux faire c'est pas si compliqué c'est peux être juste moi qui m'exlique mal et qui m'y prend mal également
element.childNodes[3].innerHTML = tab_date[7]; element.childNodes[1].addEventListener('click', ()=>{ let index_this = tab_date.indexOf(element.childNodes[3].innerHTML); element.childNodes[3].innerHTML = tab_date[index_this-1]; /* element.childNodes[3].innerHTML = ; */ })sa marche a peu près mais sa me met undefined quand il dépasse du tableau
element.childNodes[3].innerHTML = tab_date[7]; element.childNodes[1].addEventListener('click', ()=>{ let index_this = tab_date.indexOf(element.childNodes[3].innerHTML); if (tab_date[index_this-1] === undefined) { index_this = 7; element.childNodes[3].innerHTML = tab_date[index_this]; } else { element.childNodes[3].innerHTML = tab_date[index_this-1]; } /* element.childNodes[3].innerHTML = ; */ }) element.childNodes[5].addEventListener('click', ()=>{ let index_this = tab_date.indexOf(element.childNodes[3].innerHTML); if (tab_date[index_this+1] === undefined) { index_this = 0; element.childNodes[3].innerHTML = tab_date[index_this]; } else { element.childNodes[3].innerHTML = tab_date[index_this+1]; } /* element.childNodes[3].innerHTML = ; */ })