[RESOLU] [Jquery] Scroll bar avec erreur

Bonjour,

Donc comme dit dans le texte plus haut:
j'ai mon contenu déroulant qui me chatouille....

Voici le site : http://www.ngtornay.ch/ngt_v2010/
(Je sais pour les images qui sont trop lourdes... C'est juste pour leur largeur que j'ai choisi laisser cette erreur pour la démonstration)

Explication du soucis:
Quand je clique sur le bouton Drag & Drop (le bouton qui se déplace de gauche a droite), que je garde mon clique de souris enfoncé et que je déplace mon curseur vers le bas:
Il reste collé sur place ou si je remonte avec ma souris, il faut que je re-clique pour qu'il reste sur place...

Est-ce claire? Non? je donnerai d'autre explication.

Ma demande:
Est-ce que quelqu'un à déjà rencontré ce problème? Peut-il me donner des réponses ou expériences qu'il a trouvé ?

[EDIT]
Je voulais également mettre les sources pour que vous puissiez vous faire un avis ! http://www.ngtornay.ch/ngt_v2010/archive.zip

Merci beaucoup d'avance !

Belle journée !

Sogus
Modifié par Chum (13 Jan 2010 - 11:43)

Salut,

J'avais déjà eu ce problème, il faut gérer les événements mouseup et mouseout pour qu'il fasse la même chose (arrêter de déplacer l'image).

//quand la sourie n'est plus sur l'élément c'est comme si on l'avais relâcher
$(this).mouseout(function(){
    $(this).trigger("mouseup");
});

//ou les 2 en même temps
$(this).bind("mouseout|mouseup", function(){
    //fonction d'arrêt
});

Modifié par jo_link_noir (13 Jan 2010 - 18:28)

Hello,

J'ai bien regarder mon script mais j'ai un doute ou je dois le posé le code...
c'est pas dans cette zone ?!

Excuse moi mais je connais pas bien ce code. Je l'ai récupéré et je tente de me formé le plus vite pour comblé mes lacune... Un peu plus de précision serait bienvenu.

var onArrowMouseUp = function(event)
{
   jQuery('body').unbind('mouseup', onArrowMouseUp);
   currentArrowButton.removeClass('jScrollActiveArrowButton');
   clearInterval(currentArrowInterval);
   arrowUp = true;
   moveIntervals();
};
var onArrowMouseDown = function() {
   jQuery('body').bind('mouseup', onArrowMouseUp);
   currentArrowButton.addClass('jScrollActiveArrowButton');
   currentArrowInc = 0;
   whileArrowButtonDown();
   currentArrowInterval = setInterval(whileArrowButtonDown, 100);
};

Merci pour ta patience !

Charly

Salut,

En plus je me suis trompé, c'est l'événement mouseout . Donc mouseout et mouseup doivent faire la même chose.

Alors j'ai regardé et la ligne 520 est bizarre, et j n'en comprends pas l'utilité

				$drag.css(
					{'width':dragH+'px'}
				)//.bind('mousedown', onStartDrag);

Si on met en commentaire la ligne 520 (comme au-dessus) y a plus problème. Et le script s'arrête quand on relâche le clic de la souris. En fait le mousedown doit être géré autre part ($container ?) et ça rentre en conflit avec celui au-dessus...

Hello,

Yessss! Merci beaucoup!

Mais une interrogation reste: pourquoi mettre en commentaire cette ligne ?
Il y avait une qu'est-ce qui clochait ? // histoire que je sache le pourquoi du comment !

merci en tout cas !

Bien belle journée !

Charly
Modifié par Chum (25 Jan 2010 - 11:35)