JQuery - okamžitá zmena

Programovacie jazyky, rady, poradňa...
scriptType
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 110
Registrovaný: 22 feb 2011, 19:34

JQuery - okamžitá zmena

Príspevok od používateľa scriptType »

Zdravím,
mám problém ohľadom JQuery. Využívam JQuery UI a tam slider() funkciu (posuvník). Kód vyzerá následovne

Kód: Vybrať všetko

.........
<script>
	$(function() {
		$( "#slider-range-max" ).slider({
			range: "max",
			min: 50,
			max: 5000,
			value: 50,
			slide: function( event, ui ) {
				$( "#amount" ).val( ui.value );
			}
		});
		$( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
	});
	</script>
</head>
<body>

<p>
	<label for="amount">Minimum number of bedrooms:</label>
	<input type="text" id="amount" style="color:#f6931f; font-weight:bold;" />
</p>
<div id="slider-range-max"></div>
........
Ak s posuvníkom prechádzam po pásiku, mení sa číselná hodnota od 50 do 5000 a vždy sa ukáže aktuálna číselná hodnota v textovom poli s id="amount". Potrebujem spraviť ale aj opačný chod, že ak zmením hodnotu v textovom poli, tak sa posunie posuvník.
Skúšal som spraviť

Kód: Vybrať všetko

$('#amount').change(function() {
    // this.value pripojit k posuvníku
});
Toto funguje ale až po stlačení ENTERu. Chcem aby to fungovalo tak, že keď ešte len píšem hodnotu, aby sa už posuvník posúval a zároveň ak presiahne limit 5000 alebo ide pod 50 s číslom, tak mu to nedovolí napísať a posuvník sa prehodí na 50. Existuje na to nejaká funkcia, čo hneď kontroluje hodnotu v poli pri písaní? Ďakujem za každú radu :) S pozdravom Adam.
Prílohy
2013-03-03_123635.jpg
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: JQuery - okamžitá zmena

Príspevok od používateľa sharky-no »

namiesto change pouzi keyup alebo keydown - bude to zachytavat hodnotu po pusteni/stlaceni klavesy. a nasledne mozes odchytavat tu hodnotu a robit si s nou co potrebujes.
scriptType
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 110
Registrovaný: 22 feb 2011, 19:34

Re: JQuery - okamžitá zmena

Príspevok od používateľa scriptType »

Presne to som potreboval, vďaka moc :) :plus:
Napísať odpoveď