Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
  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. });




index.html
  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>



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
 
Start new topic
Odpowiedzi (1 - 3)
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ć:
  1. currentValue.text(ui.value);

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

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

 



RSS Aktualny czas: 23.08.2025 - 06:22