Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak zrobic dynamiczne 'schowaj', 'pokaz' w jQuery?
AndyPSV
post
Post #1





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---


http://www.fiddyp.co.uk/animated-div-slide/#
przyklad i demko tu

chodzi mi o to zeby stworzyc jeden przycisk ukrywajacy i pokazujacy (czyli tytul np. pytania); z ajaxem cos mi nie poszlo


jakies solucje ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




http://docs.jquery.com/Effects Dział sliding
Go to the top of the page
+Quote Post
AndyPSV
post
Post #3





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---


moglbys podac gotowy przyklad, bo kompletnie nie wiem jak sie za to zabrac

<script>
$(document).ready(function(){

$(document.body).click(function(e) {
var id = jQuery.data(e.target);
$("span").text(id);
});

});
</script>

&middot; <a href=#<% $r[$k][id] %> onclick="jQuery('#<% $r[$k][id] %>').slideDown(1000);"><% $r[$k][t] %></a>
<div id=<% $r[$k][id] %> style='display:none;'><div style='padding:3px;' /></div><code class=2><% $r[$k][text] %></code></div><div style='padding:3px;' /></div>

i ze co niby robie ?


prosilbym jednak gotowy przyklad

rozumiem ten przyklad: http://docs.jquery.com/Internals/jQuery.data
ale jak go zaimplementowac w petli ?
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




No kurde stary. http://docs.jquery.com/Effects/slideToggle#speedcallback W dodatku w zakładce view source masz wszystko i jeszcze więcej.
Naprawdę nie przesadzaj. Pisze jak co i gdzie. Przejrzyj jeszcze dział http://docs.jquery.com/Selectors

Ten post edytował kwiateusz 19.02.2009, 21:42:36
Powód edycji: wysrażamy się, wyrażamy
Go to the top of the page
+Quote Post
AxZx
post
Post #5





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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


http://www.webdesignerwall.com/tutorials/j...-for-designers/

a tak w ogóle to w jquery jest funkcja toggle - tak najprościej.
Go to the top of the page
+Quote Post
wookieb
post
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Cytat(AxZx @ 19.02.2009, 20:42:35 ) *
a tak w ogóle to w jquery jest funkcja toggle - tak najprościej.

A do czego wysłałem link?
Go to the top of the page
+Quote Post
AndyPSV
post
Post #7





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5.  
  6. p { width:400px; }
  7. </style>
  8. </head>
  9.  
  10. $(document).ready(function(){
  11.  
  12. $("#id").click(function () {
  13. $("#1").slideToggle("slow");
  14. });
  15.  
  16. });
  17. </script>
  18. <a href=# id=id>Toggle</a>
  19. <div id=1 style='display:none;'>
  20. This is the paragraph to end all paragraphs. You
  21. should feel <em>lucky</em> to have seen such a paragraph in
  22. your life. Congratulations!
  23. </div>
  24. </body>
  25. </html>


teraz tylko przerobie ten przerobione przezen mnie skrypt i wtsawie do mego
Go to the top of the page
+Quote Post
AxZx
post
Post #8





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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


a nie prościej

Kod
$('#id').toggle('slow');


?
Go to the top of the page
+Quote Post
AndyPSV
post
Post #9





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---


mam id poprzypisywane id_2 id_3 powiedzmy (tylko same liczby sa)
jesli zastosuje id wszedzie jedno to wszystko bedzie rozwiniete, ale ja mam "normalnie" sie rozwijac + (PLUS) opcja ROZWIN wszystko

jak to zrobic ?

Ten post edytował AndyPSV 21.02.2009, 17:37:56
Go to the top of the page
+Quote Post
AxZx
post
Post #10





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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


  1. <div class="box"></div>
  2. <div class="box"></div>
  3. <div class="box"></div>
  4. <div class="box"></div>
  5.  
  6. <div id="guzik"></div>


Kod
$('.box').toggle();
    $('#guzik').bind('click', function(){
    $('.box').toggle();
  });



EDIT:
poprawka
Kod
            $('.box4').bind('click', function(){
$(this).toggle();
});
   $('#guzik').bind('click', function(){
   $('.box4').toggle();
});

oczywiście tam w tym boxie musisz mieć jakiś element, w który będziesz klikać żeby rozwinąć cały box.
nie podaję Ci gotowego rozwiązania, żebyś sam mógł bawić się rozwijając ten kod:)

ps. kliknij Pomógł pod postem
wookieb.



Ten post edytował AxZx 22.02.2009, 12:12:43
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: 4.10.2025 - 09:20