Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Suwak Fader wysyłający wartość
dnaielpro
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 4.05.2016

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


Witam,
potrzebuję pomocy.
Tworzę właśnie webowy interfejs do sterowania oświetleniem i wyzwalania gotowych scen, natomiast muszę również stworzyć suwak, który będzie działał w zakresie 0-100% i w zależności od zakresu (najlepiej co 1%) działał jako href do konkretnej podstrony.

Tzn. moje przyciski to są np. trigger/10, trigger/11, trigger/12 więc jeśli suwak w zakresie 0-100% będzie ustawiony na 11% to uruchamia się href do trigger/11

Póki co znalazłem skrypt samego suwaka, lecz nie wiem jak zrobić żeby wysyłać href w zależności od położenia

  1. $( function() {
  2. $( "#slider-vertical" ).slider({
  3. orientation: "vertical",
  4. range: "min",
  5. min: 0,
  6. max: 100,
  7. value: 0,
  8. slide: function( event, ui ) {
  9. $( "#amount" ).val( ui.value );
  10. });
  11. $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
  12. } );
  13. </script>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
dnaielpro
post
Post #2





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 4.05.2016

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


Oto link do plików: http://jsfiddle.net/w4ppLc6t/

Czy powinno to wyglądać tak?

  1. $( function() {
  2. $( "#slider-vertical" ).slider({
  3. orientation: "vertical",
  4. range: "min",
  5. min: 0,
  6. max: 100,
  7. value: 0,
  8. step: 1,
  9. change: function( event, ui ) {
  10. location.href = "/trigger/" + ui.value
  11. },
  12. slide: function( event, ui ) {
  13. $( "#amount" ).val( ui.value );
  14. }
  15. });
  16. $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
  17. } );
  18.  
  19. });
Go to the top of the page
+Quote Post

Posty w temacie


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: 3.04.2026 - 20:43