Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> JQuery ui slider czyszczenie zmiennej
lukas69
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 22.11.2012

Ostrzeżenie: (0%)
-----

Witam,
mam taki problem że po odświeżeniu strony pamięta mi utawienia ze slidera i późnie przy poruszaniu nim są podawane złe dane. Jak zrobić zeby dane zawsze były takie jak przy pierwszym otwarciu strony.

[HTML] pobierz, plaintext 
  1. <html lang="en">
  2. <head>
  3. 	<meta charset="utf-8" />
  4. 	<title>jQuery UI Slider - Default functionality</title>
  5. 	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  6. 	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  7. 	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  8.  
  9.  
  10. 		<script> 
  11. 			$(document).ready(function() {
  12. 				$( ".pierwszy" ).slider({
  13. 					animate: true,
  14. 					range: "min",
  15. 					value: 50,
  16. 					min: 10,
  17. 					max: 100,
  18. 					step: 10,
  19. 					slide: function( event, ui ) {
  20. 						 $( "#slider-result" ).html( ui.value );
  21. 						 $("input[name='ilosc']").val(ui.value);
  22. 						suma();
  23. 					}
  24.  
  25.  
  26.  
  27. 				});
  28.  
  29. 				$( ".drugi" ).slider({
  30. 					animate: true,
  31. 					range: "min",
  32. 					value: 50,
  33. 					min: 10,
  34. 					max: 100,
  35. 					step: 10,
  36. 					slide: function( event, ui ) {
  37. 						 $( "#slider-result1" ).html( ui.value );
  38. 						 $("input[name='dni']").val(ui.value);
  39. 						suma();
  40. 					}
  41.  
  42. 				});
  43.  
  44. 				function suma() 
  45. 					{
  46. 						var ilosc = $("input[name='ilosc']").val();
  47. 						var dni = $("input[name='dni']").val();
  48. 						var wynik = ilosc*dni;
  49. 						$('#wynik').html(wynik);
  50. 					}
  51.  
  52.  
  53. 			});
  54.         </script> 
  55. </head>	
  56.  
  57.  
  58. <body>
  59. 		<input type="hidden" name="ilosc" />
  60. 		<input type="hidden" name="dni" />
  61. 		<div class="pierwszy"></div> 
  62.         <div id="slider-result">50</div> 
  63. 		<div class="drugi"></div> 
  64.         <div id="slider-result1">50</div> 
  65. 		<div id="wynik">2500</div>	
  66.  
  67.  
  68.  
  69.  
  70. </body>
  71. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 18:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn