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%)
-----


kefirek > Twój kod działa, faktycznie po kliknięciu zmienia się kolor i pokazują napisy, ale próbowałem to zaadoptować do mojego kodu, z slideToggle a nie toggle, no i niestety cały czas nie działa. Wygląda to dokładnie tak, że po odświeżeniu strony, div header_add - ten który jest przyciskiem do rozwijania div'a, sam się automatycznie zwija do góry, i znika. Jak się zdąży na niego kliknąć przed zwinięciem, to się roziwja poprawnie ten drugi div z treścią - content_add, ale dalej nic nie można zrobić.

  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 w wypadku slideToggle to nie będzie działać? Dodam, że jak podmienię oba slideToggle na toggle - to działa, tyle że bez rozwijania, o z natychmiastowym wyświetleniem się.


CyberDuck_ > nie do końca o to mi chodzi, ja bym chciał aby po kliknięciu w jakiś link, przycisk, ten przycisk zmieniał swoje tło, oraz dodatkowo rozwijał się jakiś fragment strony, który już jest wczytany ale ma wartość display: none; ... niczego zawartości zmieniać nie chcę, jedynie zmieniać jakieś atrybuty w danej klasie poprzez kliknięcie - tak w skrócie.
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: 4.10.2025 - 00:38