Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] pokazac i schowac w jednym linku
skowron-line
post
Post #1





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


witam dopiero zaczalem sie uczyc JS.... do rzeczy
  1. function pokaz(zmienna) {
  2.  
  3. var el = document.getElementById("a");
  4. el.style.display= zmienna;
  5.  
  6. }


i
  1. <a href="#" onclick="pokaz('block')">pokaz</a>
  2. <a href="#" onclick="pokaz('none')">schowaj</a>


i jak to zrobic zeby byl tylko jeden link ze jak sie 1 raz kliknie to sie pojawi a jak2 raz klikniesz to sie schowa.

z gory dziekuje i pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
angel2953
post
Post #2





Grupa: Zarejestrowani
Postów: 199
Pomógł: 5
Dołączył: 8.07.2004
Skąd: gdynia

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


  1. <script type="text/javascript">
  2. /* <![CDATA[ */
  3. function $( o ) {
  4. return document.getElementById( o );
  5. }
  6.  
  7. function ShowHide( name ) {
  8. if( $( name ).style.display == 'none' ) {
  9. $( name ).style.display = ''; // lub jak kto woli display='block';
  10. } else {
  11. $( name ).style.display = 'none';
  12. }
  13. }
  14. /* ]]> */
  15.  
  16. ...
  17. <div id="id-01">...</div>
  18.  
  19. <a href="#" onclick="ShowHide( 'id-01' );">Pokaż/Ukryj</a>


można jeszcze rozbudować o to by sam automatycznie zamieniał by było widoczne tylko samo "pokaż" lub "Ukryj"

Ten post edytował angel2953 27.01.2007, 01:17:38
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: 6.10.2025 - 12:06