Discussion :

[Galdon]

Bonjour, je débute en jQuery, pour le moment je sais juste utiliser les fonctions d'animation basiques (slide, fade...).

Pour apprendre, je suis en train de faire un petit convertisseur de devise.

Je voudrais que quand on clique sur une ligne dans la liste déroulante dv_dropdown_source, ça charge le contenu de la ligne dans dv_box_top, et que ça enroule la liste déroulante (slideToggle).

Comment faire ça rapidement, affecter un onclick à tous les éléments de la liste automatiquement, dans une sorte de boucle ?

Merci

[zorm]

Bonjour,

Dans ton cas, tu peux essayer de faire quelque chose du genre

Code :

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

1
2
3
4
5
 
               $('#dv_dropdown_source > .dv_elem').click(function(){
                    $('#dv_box_top .dv_elem').html($(this).html());
                    $('#dv_dropdown_source').slideToggle();
                });

En gros,
$('#dv_dropdown_source > .dv_elem') // pour tous les éléments de class dv_elem contenu dans l'élément d'ID dv_dropdown_source

$(this) // élément sur lequel a eu lieu le click

Ici, on prend le html de l'élément cliqué et on remplace avec le contenu dans l'élément affiché de la liste.