[RESOLVED] Trying to set the value of MAX on the slider using a function

[kender]

Okay, I need to fetch the value from another page based on options that are selected, then adjust the max value on my slider to match the value retrieved from the function...

savvy?

Any help would be appreciated, I am currently using an alert() to show I am getting the right value, and it is working properly, I just have no idea how to use it outside of the function to set the other value

<script>
	$(function() {
		$("#slider").slider({
			value:0,
			min: 0,
			max: 500,  // ***** THIS VALUE ***** //
			step: 1,
			slide: function(event, ui) {
				$("#amount").val(ui.value);  // display number of slider value selected
			}
		});
		$("#amount").val($("#slider").slider("value"));
	});

	function ajaxItNow() {
		var date_val = document.getElementById("datepicker").value;    // date
		var time_val = document.getElementById("scheduleTime").value;  // time
		var cate_val = document.getElementById("category").value;      // category chosen
		var zone_val = document.getElementById("region").value;        // region chosen

		$.get("fetch.php", { date: date_val, time: time_val, category: cate_val, zone: zone_val })
		.done(function(data) {
			alert("Data Loaded: " + data);  // say data value = 317, then i want to set max to 317
		});
	}

</script>

[Weedpacket]

You want to set the max option after initialising the slider?
http://api.jqueryui.com/slider/#option-max

[kender]

Yes, I want the max value to change based off of what the "data" value is (ajax call), which can change based on what values a user selects in other form fields

[Weedpacket]

http://api.jqueryui.com/slider/#option-max

[kender]

where would i put the var max = in the code?

	$(function() {
		var max = $( ".selector" ).slider( "option", "max" );  //* ** doesn't work here ** *//
		$("#slider").slider({
			value:0,
			min: 0,
			step: 1,
			slide: function(event, ui) {
				$("#amount").val(ui.value);
			}
		});
		$("#amount").val($("#slider").slider("value"));
	});

	function ajaxItNow() {
		var date_val = document.getElementById("datepicker").value;
		var time_val = document.getElementById("scheduleTime").value;
		var cate_val = document.getElementById("category").value;
		var zone_val = document.getElementById("region").value;

		$.get("fetch.php", { date: date_val, time: time_val, category: cate_val, zone: zone_val })
		.done(function(data) {
			$( ".selector" ).slider( "option", "max", data );   //* ** assuming this is where this part goes ** *//
		});
	}

[kender]

never mind, got it working


Thanks weedpacket! sometimes all it takes is a swift kick