Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Jak wyświetlić dane ze slidera?
dymek3r
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.02.2013

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

Witam. Dopiero zaczynam w temacie tworzenia stron www. Wiem jak wyświetlić dane z formularza html, natomiast z JavaScript mam problem. Otóż użyłem slidera java script:
slider-jquery.js
[XML] pobierz, plaintext 
  1.  
  2. $(function(){
  3.  
  4. 	var currentValue = $('#currentValue');
  5.  
  6. 	$("#slider").slider({ 
  7. 		max: 100,
  8. 		min: 0,
  9. 		slide: function(event, ui) {
  10. 			currentValue.html(ui.value);
  11. 		}
  12. 	});
  13.  
  14. });
[XML] pobierz, plaintext




index.html
[XML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <meta charset="utf-8" />
  4.  
  5.         <link rel="stylesheet" href="assets/css/styles.css" />
  6.         <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" />
  7.         </head>
  8. <body>
  9. <section id="main">
  10. 			<div id="slider"></div>
  11. 			<p class="note">Obecna wartość: <span id="currentValue">0</span></p>
  12. 		</section>
  13.  
  14.  
  15.  
  16.                 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  17. 		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
  18.  
  19. 		<script src="assets/js/slider-jqueryui.js"></script>
  20.  
  21.  
  22.  
  23.     </body>
  24. </html>
[XML] pobierz, plaintext



Chodzi o to, że chce wartość suwaka wyświetlić w pliku *.php i nie mam pojecia jak.
Z góry dziekuje (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
mate
post
Post #2





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 27.06.2007

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

Skoro korzystasz z jquery to tak może być:
[HTML] pobierz, plaintext 
  1. currentValue.text(ui.value);
[HTML] pobierz, plaintext

To dajesz zamiast tego currentValue.html(ui.value); i powinno śmigać, jak nie to walnij selektor $(currentValue).text(ui.value);
Go to the top of the page
+Quote Post
dymek3r
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.02.2013

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

Okej. Ale nadal nie wiem jak to przesłać. Z tąd http://magazynt3.pl/suwak-w-html5/ wziąłem suwak, wersja dla użytkowników Firefoxa. Teraz brakuje mi przycisku wyślij i wyświetlenie wartości suwaka na nowej stronie.
Go to the top of the page
+Quote Post
mate
post
Post #4





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 27.06.2007

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

Dobra, czyli rozumię, że masz jakiś formularz, który wysyła dane do przetworzenia do innego pliku? Czy jakoś inaczej to wygląda. Jeśli masz formularz to dodaj pole hidden o jakimś id i ustawisz mu dynamicznie wartość z suwaka, a po kliknięciu już wszystko przetworzysz.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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