Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]Slider
Forum PHP.pl > Forum > Przedszkole
xavierek
Witam znalazłem coś takiego http://jqueryui.com/demos/slider/#option-max potrzebował bym żeby doszedłem do tego że umie ustalić wartość maksymalna i minimalna potrzebował bym dodać do tego żeby gdzieś wyświetlał się numer aktualne value gdzie znajduje się suwak
a po puszczeniu suwaka przechodzi na strone z http://value coś w rodzaju stronicowania za pomocą suwaka

  1. <script>
  2. $(function() {
  3. $( "#slider" ).slider();
  4. $( "#slider" ).slider( "option", "min", 0 );
  5. $( "#slider" ).slider( "option", "max", '.$maxpage.' );
  6. $( "#slider" ).slider( "option", "value", '.$page.' );
  7. var page = $( "#slider" ).slider( "option", "value" );
  8.  
  9.  
  10. });
  11. </script>


tyle mam
lobopol
1. Wybacz, ale na przyszłość przeczytaj to co napisałeś, bo ciężko ciebie zrozumieć
2. Zdarzenie slide i zapis wartości do jakiegoś diva/inputa/czegokolwiek
3. Popatrz na zdarzenie change i dodaj do niego location.href = i gdzie ma przenieść
xavierek
  1. <script>
  2. $(function() {
  3. $( "#slider" ).slider();
  4. $( "#slider" ).slider( "option", "min", 0 );
  5. $( "#slider" ).slider( "option", "max", '.(getNumOfPlayer('all')/100).' );
  6. $( "#slider" ).slider( "option", "value", '.$page.' );
  7. $( "#slider" ).slider( "slide", function(event, ui) {
  8.  
  9.  
  10. });
  11. $( "#slider" ).bind( "slide", function(event, ui) {
  12.  
  13. document.getElementById(\'targetDiv\').innerHTML = ui.value;
  14. document.getElementById(\'targetSpan\').innerHTML = ui.value;
  15.  
  16.  
  17. });
  18. $( "#slider" ).bind( "slidestop", function(event, ui) {
  19. var page = $( "#slider" ).slider( "option", "value" );
  20. $( "#slider" ).slider( "option", "value", page );
  21. location.href = \'http:// +page+ \'
  22. });
  23.  
  24. });
  25. </script>';
  26. }
wszystko działa ok tylko suwak nie zmienia swoje pozycji jak się go rusza ale zmienia się wartość i przechodzi do odpowiedniej strony jak puszcze dlaczego ?
lobopol
Powiem tylko o.O na diabła masz tyle kodu i wielokrotnie odpalanego slidera?
  1. $(function() {
  2. $( "#slider" ).slider({
  3. value:100,
  4. min: 0,
  5. max: 500,
  6. step: 50,
  7. slide: function( event, ui ) {
  8. $( "#amount" ).val( "$" + ui.value );
  9. },
  10. change: function(event, ui) {
  11. tu przekierowanie
  12. }
  13. });
  14.  

Przecież jquery ma świetną dokumentacje, wystarczy czytać!
xavierek
  1. <script>
  2. $(function() {
  3. $( "#slider" ).slider({
  4. value:100,
  5. min: 0,
  6. max: 500,
  7. step: 50,
  8. slide: function( event, ui ) {
  9. $( "#amount" ).val( "$" + ui.value );
  10. },
  11. change: function(event, ui) {
  12. tu przekierowanie
  13. }
  14. });
  15. });
  16.  
  17. </script>
ok porpawka nie zamkneles funkcji smile.gif
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.