jquery UI et son slider

Version imprimable

Bonjour à tous,
J'espère d'abord être au bon endroit.
Mon soucis c'est de rendre possible l'envoie de la valeur d'un slider à la suite d'une page php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$("#select03").change(function () {
	valeur031 = $('#select03').val();
	if(valeur031 == "a"){
		$("#on03").removeClass("masquer").addClass("afficher");
		$("#slider03").removeClass("afficher").addClass("masquer");
	}else if(valeur031 == "b"){
		$("#on03").removeClass("afficher").addClass("masquer");
		$("#slider03").removeClass("masquer").addClass("afficher");
	}else if(valeur031 == "c"){
		$("#on03").removeClass("afficher").addClass("masquer");
		$("#slider03").removeClass("masquer").addClass("afficher");
	}
});
$("#on03").click(function () {
	valeur032 = $('#on03').val();
	if(valeur032 == "On"){
		$( "#on03" ).val( "Off");
		$('#s-03-on' ).load('Envoi/Envoi-03-0.php');
	}else{
		$( "#on03" ).val( "On");
		$('#s-03-off').load('Envoi/Envoi-03-1.php');				
	}
});
$( "#slider03" ).slider({
	value:100,
	min: 0,
	max: 255,
	step: 10,
	slide: function( event, ui ) {
		$( "#amount03" ).val( ui.value );
		$("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur=010');  // Ici
	}
});
$( "#amount03" ).val( $( "#slider" ).slider( "value" ) );

Actuellement lorsque je bouge le slider la valeur 010 est bien envoyé avec la page.
Comment récupérer la valeur du slider ?
Merci d'avance

rajoute ça dans les params de ton slider
Code:

1 2 3 change: function(event, ui) { alert(ui.value); },

31/01/2014, 16h07
harold44
Je viens de mettre l'alerte.
J'ai bien un retour avec une valeur.
Code:

1 2 $("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur=255');
Mon erreur vient du fait que l'on ne peut pas utiliser . pour concaténer car lorsque je l'utilise celà plante. J'ai fait plusieurs essaie avec et sans parenthèses.
Code:

1 2 $("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur='.ui.value);
code qui marche mais qui ne bouge pas.
Code:

1 2 $("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur=150');
31/01/2014, 16h16
SpaceFrog

à quel endroit et à quel moment souhaites tu faire le load() ?
31/01/2014, 17h30
harold44

Je veux faire le load quand le slider bouge, c'est déjà mon principale problème.
Et ensuite lorsque je sélectionne le slider avec le select, donc avant quand le slider s'initialise.
C'est un sérieux pb pour moi, je ne vois pas comment faire.
Merci encore de ton aide.

Après un peu de recherche j'ai trouvé celà.
ca à l'air de fonctionner.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$( "#slider03" ).slider({
	value:100,
	min: 0,
	max: 255,
	step: 10,
	slide: function( event, ui ) {
		$( "#amount03" ).val( ui.value );
		if (ui.value<10){
			var valeur033='Envoi/Envoi-B03.php?valeur=00'+eval(ui.value);
		}else if(ui.value<100){
			var valeur033='Envoi/Envoi-B03.php?valeur=0'+eval(ui.value);
		}else{
			var valeur033='Envoi/Envoi-B03.php?valeur='+eval(ui.value);
		}			
		//alert(valeur033);
		$("#s-03-slide").load(valeur033);
	}
});

Merci SpaceFrog

01/02/2014, 19h02
NoSmoking

Bonjour,
pourquoi un eval(ui.value)?