javascript - Jquery 1.2.6 pack og Jquery UI 1.5b - Udvikleren.dk

Tags: javascript

Bruger #15912 @ 03.03.11 16:43

Hejsa.

Jeg bruger et shopsystemt som bruger jquery 1.2.6, og jeg forsøger at lave et filter til det med en slider med jquery UI 1.5b, slideren med range og det hele kan jeg snildt få frem, problemet er når jeg skal håndtere værdier bagefter.

Når jeg rykker på slider 1 retunere ui.value den værdi slider 1 står på, rykker jeg efter efter på slider 2 er ui.value den værdi slider 2 havner på.

Jeg har læst og læst og forsøgt at finde dokumentation på de her ældre versioner, men det er sku lidt svært. De nyere version foreskriver at man bruger ui.values[0] og ui.values[1], men den funktion virker desværre ikke rigtigt i den her lidt ældre version.

Jeg har forsøgt mig med lidt logik sådan her:

Kode

		slide: function(event, ui) {
		     if (Math.round(parseFloat(ui.value))>lastvalue) {
			var lastvalue = Math.round(parseFloat(ui.value));
			$( "#rangelow" ).val(lastvalue);
		     }
		     else {
			 var lastvalue = Math.round(parseFloat(ui.value));
			$( "#rangehigh" ).val(lastvalue);

		     }

		}

men det virker ikke rigtigt

Jeg håber der er nogen der lige kan smide en fix på banen.

Indlæg senest redigeret d. 03.03.2011 18:30 af Bruger #15912

5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 03.03.11 20:00

4.283

Hvad er målet? At få hevet to værdier ud, eller sætte to værdier?

Du kan i princippet gøre som du er ind på at matche de to værdier, hvilken der er størst og antage at den største er i den ene side og den mindste værdi er i den anden side. Mellem de to værdier er så det range du har brug for.

I din kode gør du en væsentlig fejl ved at definere lastvalue inde i funktionen. Når du arbejder med javascript har du mulighed for at lave en masse sjove ting, som virkelig kan ændre opfattelse af mange OOP relaterede emner.

Kode

var x = 'test';
var fn1 = function() {
    var y = 'fn1-test';
    var y2 = fn1-test2;

    var fn2 = function() {
        var y = 'fn2-test';
        y2 = 'fn2-test2';
    }
    fn2();

    alert(y); // fn1-test;
    alert(y2); // fn2-test2;
}

Et quickfix vil være at flytte din lastvalue uden for funktionen.

Bruger #15912 @ 03.03.11 20:53

Egentlig så sætter jeg de to værdi'er i input's feltner fordi jeg skal vises dem forbrugeren på en eller anden måde, de skal sættes samme i et hidden input felt og submittes når man slipper slideren.

Men først skal jeg lige have de to værdier ud hver for sig så jeg kan arbejde med dem.

jeg har en ideen om at min måde at gribe det an på ikke virker hvis jeg tager den øverste slider og flytter den ned af, så vil den tror at det er den nederste slider, fordi den nye værdi så er lavere end den oprindelig.

Jeg er desværre ikke ret skarp i JS

Bruger #15912 @ 03.03.11 22:23

Jeg er kan ikke lige helt få det til at spille når jeg flytter den udenfor funktionen, nu kommer hele koden lige i sammen hæng, så håber jeg du kan gennemskue det hvor jeg vil hen

Kode

	<input type="text" id="rangelow" name="pr" Value="0"><input type="text" id="rangehigh" name="pr" Value="0">
	<div id='example1' class='ui-slider-1' style="margin: 10px;">
	<div class='ui-slider-handle'></div>
	<div class='ui-slider-handle' style="left: 150px;"></div>	
	</div>
{literal}
<script type="text/javascript">
$(window).bind("load",function(){

	$('#example1').slider( {
		minValue: 10, 
		maxValue: 200,
		range: true, 
		change: function(e,ui) { 
			 
		},
		slide:
		function(event, ui) {
		     if (Math.round(parseFloat(ui.value))>lastvalue) {
			var lastvalue = Math.round(parseFloat(ui.value));
			$( "#rangelow" ).val(lastvalue);
		     }
		     else if (Math.round(parseFloat(ui.value))<lastvalue){
			var lastvalue = Math.round(parseFloat(ui.value));
			$( "#rangehigh" ).val(lastvalue);

		     }

		}

 
	});

});
</script>

Bruger #10216 @ 03.03.11 22:54

4.283

Vil nok ændre det event kaldet til change i stedet for slide, da slide sker hele tiden.

Men her er lidt ekstra info: http://docs.jquery.com/UI/API/1.5.3/Slider/slider

Bruger #15912 @ 04.03.11 00:19

Damit, jeg havde ellers været ved $('#example1').slider('value', 1) men jeg må have gjort det forkert, tror faktisk der var s på value(s) og det var jo nok derfor det gav gnider. Ihvertfald så lykkedes det lidt nu

Takker

Jquery 1.2.6 pack og Jquery UI 1.5b

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler