Discussion :

[jeremm]

Hello,

Grand débutant en JQuery j'espère que vous trouverez mon problème simple

Une page est composée de 10 boutons conçu comme cela :

Code html :

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

1
2
3
<a href="#" id="7143" class="button">Click me</a>
<a href="#" id="1923" class="button">Click me</a>
...

Chaque button possède un id différent car je dois repérer lequel l'utilisateur a pressé.

Ce button ouvre une popup, qui est juste un élément div avec du contenu, le jQuery permet de le rendre visible lorsque le button est pressé.
Le jQuery utilisé est Reveal :

Code :

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

1
2
3
4
5
$('.button').click(function(e) {
  $('#popup').reveal({
     animation: 'fade',
     animationspeed: 300
});

Dans ce div, j'aimerai récupérer l'id du button cliqué précédemment pour afficher un lien personnalisé.
En somme : on clique sur le button id=7143, la popup s'ouvre et affiche le lien www.test.com/id=7143.

Code html :

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

1
2
3
<div id="popup">
   <p>lien = <a href="www.test.com/id=??">lien</a>
</div>

Ma question est, comment changer le "a href" de la popup dynamiquement selon le bouton cliqué ?

Merci d'avance.

[danielhagnoul]

Code :

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

1
2
3
$( ".button").on( "click", function(){
    $( "a", "#popup" ).prop( "href", "www.test.com/id=" + this.id );
});

[jeremm]

Merci, j'ai testé, mais dans la console firebug j'ai cette erreur :

TypeError: $(...).on is not a function

[danielhagnoul]

Vous utilisez une version de jQuery totalement obsolète, nous en sommes à : "http://code.jquery.com/jquery-1.10.2.min.js".

[jeremm]

Exact. Merci.

[SpaceFrog]

Code :

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

id="7143"

en principe, je ne sais pas si c'est encore d'actualité, mais les id uniquement numériques sont fortement déconseillés