Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js](?) Pokazywanie i chowanie
Forum PHP.pl > Forum > Przedszkole
GreenGo
Witam.
Chciałbym się dowiedzieć jak zrobić tak aby część strony pokazywała się dopiero jak kliknie się na jakiś napis i chowała jak się na niego powtórnie kliknie. Coś ala spoiler w IPB albo na wp.pl gdy się kliknie na "dostosuj".
Pozdrawiam i z góry dzięki za pomoc.
Cienki1980
Odpowiednie wykorzystanie div'ow oraz styli:
coś w tym stylu:
  1. <script language="javascript">
  2. function showHide(co)
  3. {
  4. if(document.getElementById(co).style.display=="none")
  5. document.getElementById(co).style.display="inline";
  6. else
  7. document.getElementById(co).style.display="none";
  8. }
  9.  
  10. <a href="#" onClick="showHide('jeden');">Pokaz pierwszy div</a> | <a href="#" onClick="showHide('dwa');">Pokaz drugi div</a>
  11. <HR>
  12. <div id="jeden" style="display:none">Jakas zawartosc div'a pierwszego</div>
  13. <BR><BR><BR>
  14. <div id="dwa" style="display:none">Jakas zawartosc div'a drugiego</div>
GreenGo
ok dzięki działa smile.gif
A jest jakaś metoda aby ta strzałeczka zmieniała zwrot w zależności od kliknięcia ? To by mi dużo ułatwiło smile.gif
Cienki1980
Jaka strzałeczka questionmark.gif
maryaan
pewnie taka ktora przy rozwinietym divie jest skierowana w dol a przy zwinietym w gore (albo na odwrot). GreenGo po prostu nalezy do grona osob ktore wierza we wrozki :]
GreenGo
No jak widze Ty maryaan do tych wróżek się zaliczasz winksmiley.jpg Tak chodzi właśnie o takie strzałeczki. Pisząc poprzedniego posta założyłem, że jak napisałem, że chodzi mi o takie coś jak na wp.pl to ktoś i tą strzałeczke tam zauważył winksmiley.jpg
Cienki1980
Podejrzewam, że te strzałeczki to nic innego jak podmiana pliku graficznego.

Ustawienie odpowiedniego obrazka dla odpowiedniego stanu div'a
Taki update:

  1. function showHide(co)
  2. {
  3. if(document.getElementById(co).style.display=="none")
  4. {
  5. document.getElementById(co).style.display="inline";
  6. document.getElementById(co+'_gif').src="down.gif";
  7. }
  8. else
  9. {
  10. document.getElementById(co).style.display="none";
  11. document.getElementById(co+'_gif').src="up.gif";
  12. }
  13. }
  14. .
  15. .
  16. .
  17. <img src="up.gif" id="jeden_gif">

Dopasuj to do kodu, który wysłałem wcześniej i będzie banglać biggrin.gif
GreenGo
ok dzięki wielkie biggrin.gif wszystko działa jak należy smile.gif no prawie wszystko bo niestety obrazki pokazują się dopiero jak klikne na link. Od razu po wejściu na strone z tymi odnosnikami obrazki są niewidoczne sad.gif
Masz na to jakąś rade ? smile.gif
Cienki1980
U mnie obrazki od razu sie pojawiaja.
Zapodaj kod może coś znajdziemy.
GreenGo
ok już sobie poradziłem. Po prostu ścieżka do tych obrazków "uaktywniała" się po kliknięciu a przed nim obrazki chciały się wyświetlić z innego adresu tongue.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.