Discussion :

[duge]

Bonjour à tous!

voilà, j'ai un petit souci avec la gestion de la scrollbar dans une div qui possède un style en overflow:auto et qui se cache si l'utisateur clique en-dehors de la div (pour lui rendre la main) ou s'il sélectionne un élément à l'intérieur. Cette div néanmoins doit rester active si l'utisateur fait un scroll.

voir sur:

http://http://gesteau.eaufrance.fr/sage/

rubrique faire une recherche sur

voila quand je clique sur la scrollbarre sous IE ou Opéra, la div disparait alors que si je suis sur FF, la div reste là.

Mon problème est que je veux garder la div visible si l'utilisateur click sur la scrollbarre.
J'ai l'impression que IE et Opéra ne considèrent pas la scrollbarre comme faisant partie de la div contrairement à FF.


Comment faire pour forcer IE à considérer la scrollbar comme un élément de la div?

PS: si j'agis avec la molette de la sourie, la div reste en place et mon scroll se fait bien.

[FremyCompany]

si click && souris hors div ==> cacher div

[duge]

si click && souris hors div ==> cacher div

ben oui, c'est ce qui fait! mais quand le click est sur le scrollbar, moi je ne veux pas que ce click soit pris en compte (c'est ce qui est fait par défaut avec FireFox)

[FremyCompany]

ben oui, c'est ce qui fait! mais quand le click est sur le scrollbar, moi je ne veux pas que ce click soit pris en compte (c'est ce qui est fait par défaut avec FireFox)

tu utilise quoi pour savoir si le click est hors du div ?

Tu dois utilise la position de la souris (voir posts importans du forums : FAS/Code source)

[duge]

en fait j'utilise une librairie qui provient du site

http://wiki.script.aculo.us/scriptaculous/show/Demos

c'est une vraie mine d'or.

Pour combler une petite lacune, au niveau de l'affichage de la div, dans le css, j'ai rajoute dans le style de la div: overflow-x:hidden;overflow-y:auto;

au niveau du code source javascript ce sont ces lignes du fichier controls.js ( à partir de la ligne 181) qui me posent problème

Code :

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

1
2
3
4
5
6
7
 
onBlur: function(event) {
// needed to make click events working
		setTimeout(this.hide.bind(this), 250);
		this.hasFocus = false;
		this.active = false;
}

en gros, s'il y a après un click un onblur, la div disparait au bout de 1/4 de seconde. Le problème c'est que pour ie un click sur le scrollbar est un click en-dehors de la div