11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous.


J'utilise une quinzaine de slider control UI dans ma page
J'ai un petit souci.
Je n'arrive pas à prendre la main.

Sur chaque slider control, je souhaiterais lancer
une fonction "newrecherche()" à 2 moments précis :
1.- Lorsqu'on lâche le bouton de souris à la bulle gauche du sélecteur et aussi,
2.- Lorsqu'on lâche le bouton de souris à la bulle droite du sélecteur
Tant qu'à faire, est-il possible de générer 2 onblur (ou autre événements) différents (curseur gauche et curseur droit) ? Est-ce possible ?
Si pas, ce n'est pas grave, un seul fera bien l'affaire.
Mais comment fauire ?
Je n'y arrive pas !
A l'aide !!!

Pouvez-vous me consacrer un peu de temps pour m'aider ?
Cela me semble simple... mais je n'y arrive pas...

Merci d'avance pour votre précieuse aide !

Voici le code de mon UI slider control :


	var selectionMIN = new Array;
	var selectionMAX = new Array;


...

        $( "#slider-range01" ).slider({
            range: true,
            min: 0,
            max: 20,
			step: .01,
            values: [ 0, 20 ],
            slide: function(event,ui ) {
				selectionMIN[1] = ui.values[0];
				selectionMAX[1] = ui.values[1];
                $( "#data01" ).val(ui.values[0]+"cts - "+ui.values[1]+"cts");
            }
        });


Voici ma tentative de onBlur :

        $( "#slider-range01" ).change( function() {
		
			alert ('ok');
		});

ou encore

    $('#slider-range01').live('change', function () {
			alert ('ok');
    } );


Rien ne se passe... Je ne reçois pas mon alert !!!
Pourquoi ?
Modifié par jytest (19 Jan 2013 - 15:19)
J'ai trouvé !!!

Pour ceux que cela intéresse, tout est ici :

        $( "#slider-range01" ).slider({
            range: true,
            min: 0,
            max: 20,
			step: .01,
            values: [ 0, 20 ],
            slide: function(event,ui ) {
				selectionMIN[1] = ui.values[0];
				selectionMAX[1] = ui.values[1];
                $( "#data01" ).val(ui.values[0]+"cts - "+ui.values[1]+"cts");
            },
			stop : function(event, ui){
				alert (selectionMIN[1] + "  <->  " + selectionMAX[1]);
			}