www.WebTips.pl: Znikające tabele - www.WebTips.pl

Skocz do zawartości


Strona 1 z 1

Znikające tabele

#1 Użytkownik nie jest zalogowany   Februaryman 

  • Nowicjusz
  • Grupa Użytkownik
  • Postów 3
  • Rejestracja 11 mar 10

Napisano 11 marzec 2010 - 15:36

Witam
Chciałbym się dowiedzieć w jaki sposób wykonać animacje która jest na stronie głównej webtips. Chodzi mi o pojawianie i znikanie elementów po kliknięciu plusa/minusa. Chciałbym coś takiego zastosować na swojej stronie. Mam układ 5 tabelek w poziomie i chciałbym żeby po zamknięciu jednej reszta dynamicznie przesuwała się do lewej. Domyślam się ze trzeba by tu zastosować jakiś javascript najlepiej jquery. Proszę o jakiś przyśpieszony kurs lub w miare przejrzyste wyjaśnienia.
Pozdrawiam
Februaryman
0


Strona 1 z 1

Odpowiedzi do tego tematu

#2 Użytkownik nie jest zalogowany   danix111 

  • danix webmaster :>
  • PipPipPipPip
  • Grupa Użytkownik
  • Postów 562
  • Rejestracja 06 sie 09
  • MiejscowośćGdynia

Napisano 11 marzec 2010 - 16:05

Ten mechanizm na tym forum został zaimplementowany używając biblioteki Prototype :). Ale widzę, że chcesz użyć jQ... polecam nauczyć się korzystania z Ajaksa.
Dołączona grafika
NIE pomagam na PW!
Umiem: HTML, CSS, PHP, SQL, Javascript, C++, Python (podstawy)
0

#3 Użytkownik nie jest zalogowany   piotrszarmach 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 36
  • Rejestracja 04 mar 10

Napisano 11 marzec 2010 - 16:08

skorzystaj z mintajax tutaj masz różne efekty klik!
0

#4 Użytkownik nie jest zalogowany   Februaryman 

  • Nowicjusz
  • Grupa Użytkownik
  • Postów 3
  • Rejestracja 11 mar 10

Napisano 11 marzec 2010 - 16:51

Ten mint ajax jakoś mnie nie zadowala niby jest tam drag and drop ale wolałbym żeby to się przesuwało automatycznie a nie ręcznie przez użytkownika. Macie jeszcze jakieś propozycje? Może ktoś robił coś podobnego na swojej stronce i podzieli się spostrzeżeniami.
0

#5 Użytkownik nie jest zalogowany   piotrszarmach 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 36
  • Rejestracja 04 mar 10

Napisano 11 marzec 2010 - 18:58

Wyświetl postUżytkownik Februaryman dnia 11 marzec 2010 - 15:51 napisał

Ten mint ajax jakoś mnie nie zadowala niby jest tam drag and drop ale wolałbym żeby to się przesuwało automatycznie a nie ręcznie przez użytkownika. Macie jeszcze jakieś propozycje? Może ktoś robił coś podobnego na swojej stronce i podzieli się spostrzeżeniami.


to już jest szczyt...
weź wpisz w google jquery example i poszukaj... moge sie zalożyć że w 15 min znajdziesz to czego szukasz...
0

#6 Użytkownik nie jest zalogowany   Februaryman 

  • Nowicjusz
  • Grupa Użytkownik
  • Postów 3
  • Rejestracja 11 mar 10

Napisano 23 marzec 2010 - 16:08

Problem rozwiązałem wystarczyło zastosować slide toggle do ukrywania poszczególnych tabel i całość też zamknąć w tabeli aby się przesuwało. Całośc wygląda tak:
$().ready(function(){
$("#clicky1").click(function(){
 $("#slide1").animate({height:'toggle'},350);					   
 });
 });

0

Strona 1 z 1


Szybka odpowiedź

  

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych