Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] jquery next() Wyświetlanie kolejnego diva
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Witam mam taki kod
Kod
<html>
    <head>
        <title>jquery</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
              
              $('#next_match').click(function() {
                $('div').next().show("slow");
                
              });
              
            });
        </script>
    </head>
    <body>
    
    <a id="next_match" href="#">Nastepny mecz</a> / <a id="previous_match" href="#">Poprzedni mecz</a>
    
    <div>test 1</div>
    <div style="display: none;">test 2</div>
    <div style="display: none;">test 3</div>
    <div style="display: none;">test 4</div>
    <div style="display: none;">test 5</div>
    <div style="display: none;">test 6</div>
    
    </body>
</html>


I chce zrobić że po kliknięciu w Nastepny mecz pojawia się następny div a poprzedni sie chowa i wszystko fajnie ale po kliknięciu w Nastepny mecz pojawiają sie wszystkie divy a nie następny. Proszę o pomoc.


Doszedłem do czegoś takiego
[JAVASCRIPT] pobierz, plaintext 
  1.             $(document).ready(function(){
  2.  
  3.               $('#next_match').click(function() {           
  4.                  $("div").eq(0).next().show("slow");
  5.                  $("div").eq(0).hide("slow");
  6.               });
  7.  
  8.             });
[JAVASCRIPT] pobierz, plaintext


Ale nie wiem jak pobrać eq bieżący element

Ten post edytował arzach 21.08.2011, 08:58:14
Go to the top of the page
+Quote Post
sada
post
Post #2





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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

[JAVASCRIPT] pobierz, plaintext 
  1.  <script type="text/javascript">
  2.             $(document).ready(function(){
  3.             aktual=$('div').first();  
  4.               $('#next_match').click(function() {
  5. 			 	 aktual.hide("slow");
  6.                 aktual=aktual.next().eq(0);
  7. 			    aktual.show("slow");
  8.  
  9.               });
  10.  
  11.             });
  12.         </script>
[JAVASCRIPT] pobierz, plaintext



ale co jak się lista skończy , trzeba kilka warunków lub dodać różne id do divów
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

To chyba na pewno nie zadziała
Kod
aktual=aktual.next().eq(0);


Wydaje mi się że trzeba zapisać do zmiennej element bieżący potem next wyświetlić następny a hide schować poprzedni i przy następny kliknięciu operować już na tej zmiennej ale nie wiem jak to zrobić proszę pomoc?

Może ktoś zna jakiś lepszy sposób ?
Go to the top of the page
+Quote Post
sada
post
Post #4





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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

napewno działa
Nie podpowiadam zanim nie sprawdzą kodu.
MÓGŁBYŚ chociaż wysilić się i sprawdzić.

Ten post edytował sada 21.08.2011, 09:21:10
Go to the top of the page
+Quote Post
arzach
post
Post #5





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Przecież sprawdzałem tak i nie działa
Pyzatym skoro za każdym razem jest aktual=aktual.next().eq(0); to jak może działać questionmark.gif?
Go to the top of the page
+Quote Post
sada
post
Post #6





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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

Nie wiem już jak z tobą rozmawiać , kod napewno działa tu masz link :

http://guitar.ly/d.php#

A może chodzi ci o to , że noe zrobiłem za ciebie z prev specool.gif


[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2.             $(document).ready(function(){
  3.             aktual=$('div').first();  
  4.               $('#next_match').click(function() {
  5. 			 	 aktual.hide("slow");
  6.                 aktual=aktual.next().eq(0);
  7. 			    aktual.show("slow");
  8.  
  9.               });
  10.               $('#previous_match').click(function() {
  11. 			 	 aktual.hide("slow");
  12.                 aktual=aktual.prev().eq(0);
  13. 			    aktual.show("slow");
  14.  
  15.               });
  16.  
  17.             });
  18.         </script>
[JAVASCRIPT] pobierz, plaintext


Ten post edytował sada 21.08.2011, 09:37:26
Go to the top of the page
+Quote Post
arzach
post
Post #7





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Dobra nie denerwuj sory się źle sprawdziłem i działa. Ale jak teraz sprawdzić za pomocą if że jest ostatni element bo jak dojdzie do ostatniego i kliknę daje to nic się nie pojawia a powinno zatrzymać się na ostatnim elemencie tak samo gdy jest pierwszy element to kliknę w poprzedni to tez znika
Go to the top of the page
+Quote Post
sada
post
Post #8





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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

[JAVASCRIPT] pobierz, plaintext 
  1.   $(document).ready(function(){
  2.             aktual=$('div').first();
  3. 			ostatni=$('div:last').index();
  4. 			pierwszy=$('div:first').index();
  5.  
  6.               $('#next_match').click(function() {
  7. 			 	 if (aktual.index() != ostatni ){
  8. 				 aktual.hide("slow");
  9.                 aktual=aktual.next().eq(0);
  10. 			    aktual.show("slow");
  11.                }
  12.               });
  13.  
  14.               $('#previous_match').click(function() {
  15.  
  16. 			   if (aktual.index() != pierwszy ){
  17. 			 	 aktual.hide("slow");
  18.                 aktual=aktual.prev().eq(0);
  19. 			    aktual.show("slow");
  20.                }
  21.               });
  22.  
  23.             });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 08:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn