Bonjour,
J'ai une liste déroulante que j'aimerais fermer automatiquement lorsque que la souris n'est plus dessus avec un hover (autrement que par un Click) ?
Savez-vous comme faire ?
D'avance merci
++
Bonjour,
J'ai une liste déroulante que j'aimerais fermer automatiquement lorsque que la souris n'est plus dessus avec un hover (autrement que par un Click) ?
Savez-vous comme faire ?
D'avance merci
++
Bonjour,
en CSS en utilisant la pseudo-classe :hover.
Voici le code que j'ai actuellement...
Il permet d'appliqué des styles.... une fois la liste ouverte !
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 .ajax_add_to_cart_button { background: #8cbf26; color: white; font-size: 14px; font-family: "Roboto Condensed", sans-serif; border: 1px solid #8cbf26; } .ajax_add_to_cart_button:hover { color: white; background: #1ba1e2; border: 1px solid #1ba1e2; }
Comment faire pour fermer cette satané liste avec un hover, je ne vois pas très bien ?
Je pensais passé par du JS pour ça...
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div class="cart"> <select name="qty" id="quantity_botles" class="ajax_add_to_cart_button" data-id-product="9"> <option value="-1">Choisir une option...</option> <option value="6">Caisse de 6</option> <option value="12">Caisse de 12</option> <option value="18">Caisse de 18</option> <option value="24">Caisse de 24</option> </select> </div>
un blur sur le select le ferme ...
http://fiddle.jshell.net/mjns0bse/1
ici on ouvre le select et 5 secondes àprès l'ouverture il se ferme
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager