Discussion :

[Cvbdev]

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
++

[NoSmoking]

Bonjour,
en CSS en utilisant la pseudo-classe :hover.

[Cvbdev]

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>

[SpaceFrog]

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

[Cvbdev]

un blur sur le select le ferme ...
.../...

Super merci, je vais tester cela !

++

[Cvbdev]

Nickel ça fonctionne parfaitement !