MAJ d'un select : scrollbars qui gigotent au passage de la souris

Bonjour,

Lorsque j'ajoute des éléments à un select (via javascript), le navigateur (firefox comme IE), se met à avoir un comportement curieux.
Au passage de la souris (un peu comme si il existait un évènement onmouseover), en bas à droite, les scrollbars réagissent à la façon d'une page qui s'agrandirait.
Si je ne fais pas joujou avec ce select, la chose ne se produit pas.
J'ai essayé d'enfermer le select dans un div, un span, un élément de table, etc, mais ça ne change rien à l'affaire.
Si quelqu'un a déjà rencontré ce phénomène, je serais bigrement content qu'il me dise comment il l'a réglé (ça m'énerve, ça m'énerve).

Merci d'avance :)
Anthony

T'aurais pas un lien pour qu'on puisse voir, cela serait plus simple. ;)

J'ai un lien, oui (c'est en construction...).
http://anchorete.dyndns.org/zulie/expressions/
Mais pour en arriver au souci dont je parlais, il faut se connecter : Login = developpez ; MdP = developpez
Ensuite, il faut sélectionner une "expression", puis cliquer sur le petit crayon pour la modifier.
Enfin, il faut aller vers le bas de la page, dans le bloc "Mots clefs :" et ajouter un mot clef.
C'est après l'ajout (une fois que le select s'est mis à jour), que la chose se produit quand on achemine la souris en bas à droite.

Merci pour le coup de main :)

Bon, joli cas que tu as là :D
Voilà la responsable de cet effet que tu as :
http://img27.imageshack.us/img27/4214/infobulle.th.jpg

Cette info bulle que tu ne vois pas car elle est en visibility: hidden;

css.php (ligne 361)

Code:

---

1 2 3 4 5 6 7 8 9

.infos_bulle { opacity:0.9; position:absolute; top:-999px; visibility:hidden; width:200px; z-index:500; }

---

Elle s'active apparemment quand tu clic sur le "+" quand tu veux ajouter un mot clé, et elle se positionne bizarrement (en fait, elle suit ta souris, d'où tu ne vois les scrolls que quand tu diriges ta souris vers la droite ou le bas).

J'arrivais donc à provoquer sur ma résolution d'écran :

Code:

---

<div id="bulle" class="infos_bulle" style="left: 1592px; top: 600px;">

---

Donc, cette infobulle que tu ne vois pas mais qui est là et se positionne n'importe où et en plus, le visibility: hidden; bien que cachant l'élément continue a réserver la place pour celui ci, d'où l'affichage des scrollbars car selon l'HTML, il doit encore réserver un espace à partir de la position absolue. (pas sûr d'être très clair).

Une solution qui masque le problème, c'est qu'au lieu d'utiliser "visibility: hidden", tu utilises un display: none;

Code:

---

1 2 3 4 5 6 7 8 9

.infos_bulle { opacity:0.9; position:absolute; top:-999px; display: none; width:200px; z-index:500; }

---

Lui ne réserve plus la place et donc ne provoque plus le gène des scrollbars.

Maintenant, il faut voir si tu en as besoin ailleurs, et cette astuce n'est qu'une rustine, pour bien faire, il faudrait remonter jusqu'à la source du problème du côté du .js et réellement corriger le problème, mais là, il y a pas mal de fonction. Je pense que le soucis doit venir d'une des fonction "change_largeur",... mais laquelle...

Alors là, Jérémie, merci !
Je n'avais même pas imaginé une seconde que cette info bulle pouvait êtr à l'origine de cet enquiquinement.
Je viens donc de corriger le souci dans les fonctions js. Ce n'était pas une fonction de changement de taille de fenêtre qui créait le souk, mais une variable globale sottement appelée "i" (qui était réutilisée malencontreusement dans une boucle for(i=... d'une fonction d'ajout de mot clef).

Si tu as un souci de ton côté, là maintenant tout de suite, n'hésite pas. Tu viens de m'ôter une épine du pied qui faisait rudement mal.

Merci.
Anthony

De rien. ;)