Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP]Onclick - pojawianie się i znikanie div'a
qqwwq
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 14.09.2009

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


Witam,

Bawię się z nową stroną, chciał bym aby jak najwięcej opcji było tam dostępnych bez odświeżania strony, a najłatwiej to chyba osiągnąć za pomocą onmouseover, onclick oraz display: none > display: block. Do pewnego czasu to działało, po najechaniu czy po kliknięciu na dany przycisk itp, pojawiał się kolejny div w którym można było coś wpisać czy coś zobaczyć, wykombinowałem sobie nawet przy niektórych takie fajne X, które ponownie nadawały danemu div'owi atrybut display: none. Jednakże teraz muszę zrobić coś takiego, że po kliknięciu na jakiś przycisk, pokazuje się dany div, po ponownym kliknięciu na ten sam przycisk - ten div znowu znika. Po prostu potrzebuję mieć jeden przycisk zarówno do wyświetlania i chowania jakiegoś diva - jednakże nie wiem jak to oskryptować.

Problem pewnie popularny, jednakże nie mogę nigdzie znaleźć poprawnego rozwiązania - google pewnie je zna, ale nie mogę trafić frazy dzięki której mi je poda.


Z góry dziękuję za pomoc, pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
qqwwq
post
Post #2





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 14.09.2009

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


Ciekawy sposób, ale niestety u mnie się on nie sprawdzi. W zasadzie już zrobiłem to co chciałem, ale wiadomo wraz z jedzeniem apetyt rośnie, i teraz chciał bym aby także przy slideToggle działało mi poprawnie klikanie - bez efektów ubocznych, a tak niestety nie jest. W manualu jest podane że budowa obu tych funkcji w zasadzie jest identyczna - poprawiam tylko nazwę funkcji, i się pierniczy.

  1. toggle( speed, [callback] )
  2. slideToggle( speed, [callback] )


No i kod funkcji:
  1. $(document).ready(
  2. function() {
  3. $("#header_add").click(
  4. function () {
  5. $('#content_add').slideToggle();
  6. }
  7. )
  8.  
  9. .slideToggle(
  10. function() {
  11. $("#header_add").css("background","url(\"img/plus_active.png\") left no-repeat");
  12. },
  13. function() {
  14. $("#header_add").css("background","url(\"img/plus.png\") left no-repeat");
  15. }
  16. );
  17. }
  18. );


Czy ktoś jest w stanie mi powiedzieć co jeszcze jest źle, albo chociaż czy to w ogóle może działać - czy po prostu nie mam się co bawić, bo to niemożliwe?
Go to the top of the page
+Quote Post

Posty w temacie


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: 13.10.2025 - 06:01