Discussion :

[d3LTa7]

Bonjour je cherche à envoyer une valeur dynamiquement quand j'ouvre une autre page !

Par exemple je suis sur une page qui contient 4 balise <a></a> ayant exactement le même "href" qui mènent à une page:

Code html :

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

<a href="/nouvellepage/" class="lien"></a>

Cette page à un H1 avec une classe et sans valeur dedans :

Code html :

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

<h1 class="titre"></h1>

J'aimerais, en fonction d'ou je click (l'une des 4 balises <a> donc), changer le h1 de la page

J'ai déjà ça :

Code :

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

1
2
3
4
5
6
7
8
9
const lien = document.querySelectorAll('.lien');
const tabTitre = ['Musique','Dessin','Jeux','Sortie'];
 
for (let i = 0; i < lien.length; i++){
  lien[i].addEventListener('click',() => {
    //code qui recupère la valeur du tableau en fonction du click et renvoi cette valeur dans le h1 de la page qui va s'ouvrir avec le click
 
   });
}

Mais je bloc un peu pour changer la valeur dynamiquement...

J'ai testé plein de choses mais rien à faire

Merci !

[SpaceFrog]

Il suffit au chargement de la page de venir modifier dynamiquement les href des lien pour y ajouter un paramètre get

Code :

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

1
2
3
4
5
6
7
const lien = document.querySelectorAll('.lien');
const tabTitre = ['Musique','Dessin','Jeux','Sortie'];
 
for (let i = 0; i < lien.length; i++){
  lien[i].href= lien[i].href+"?Titre="+tabTitre[i]
   });
}

ensuite sur la page de destination
soit tu récupères le get coté serveur pour router
soit sur le onload coté client tu récupères le paramètre get ...

[d3LTa7]

Super merci SpaceFrog !
Je sais pas si tu as fait exprès de ne pas avoir mis la ligne avec le addEventListener en tout cas chez moi ça marche super et je récupère donc mon titre avec un $_GET['Titre']

[SpaceFrog]

Je ne vois pas d'intérêt à passer par addEventListener pour ajouter un click alors qu'il suffit de modifier le href de tes liens ...

[d3LTa7]

Ha ba oui effectivement ... Suis-je bête --'

Faut que je me mette ça dans la tête !