Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jak wyświetlić dane ze slidera?
Forum PHP.pl > Forum > Przedszkole
dymek3r
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 smile.gif
mate
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);
dymek3r
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.
mate
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.