Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX]Slider, edycja i dostosowanie skryptu
xavierek
post
Post #1





Grupa: Zarejestrowani
Postów: 92
Pomógł: 2
Dołączył: 22.03.2009

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


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

Ten post edytował xavierek 30.07.2011, 20:01:19
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


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ść
Go to the top of the page
+Quote Post
xavierek
post
Post #3





Grupa: Zarejestrowani
Postów: 92
Pomógł: 2
Dołączył: 22.03.2009

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


  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 ?
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


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ć!
Go to the top of the page
+Quote Post
xavierek
post
Post #5





Grupa: Zarejestrowani
Postów: 92
Pomógł: 2
Dołączył: 22.03.2009

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


  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 (IMG:style_emoticons/default/smile.gif)

Ten post edytował xavierek 30.07.2011, 21:52:34
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: 22.08.2025 - 17:43