Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] problem ze zmienna
Forum PHP.pl > Forum > Po stronie przeglądarki
macza
  1. function pokaz(kk){
  2.  
  3. if(document.getElementById( kk ).style.display=='block'){
  4. document.getElementById( kk ).style.display='none';
  5. }else{
  6. document.getElementById( kk ).style.display='block';
  7. if(kk<>'aa'){ document.getElementById( 'aa' ).style.display='none'; }
  8. if(kk<>'bb'){ document.getElementById( 'bb' ).style.display='none'; }
  9. if(kk<>'cc'){ document.getElementById( 'cc' ).style.display='none'; }
  10. if(kk<>'dd'){ document.getElementById( 'dd' ).style.display='none'; }
  11. if(kk<>'ee'){ document.getElementById( 'ee' ).style.display='none'; }
  12.  
  13. }
  14.  
  15. }
to moja funkcja pokazujaca divy uzywa sie jej tak:
<a href="java script:pokaz('cc');">
i wtedy div o id rownym cc pokazuje sie, ale jezeli jeszcze raz klikniemy na link to zniknie nam to okienko

tylko teraz jest problem, bo moge sobie zrobic 100 okienek, ale chcialbym aby na klikniecie w jedno okienko reszta sie chowala:
  1. }else{
  2. document.getElementById( kk ).style.display='block';
  3. if(kk<>'aa'){ document.getElementById( 'aa' ).style.display='none'; }
  4. if(kk<>'bb'){ document.getElementById( 'bb' ).style.display='none'; }
  5. if(kk<>'cc'){ document.getElementById( 'cc' ).style.display='none'; }
  6. if(kk<>'dd'){ document.getElementById( 'dd' ).style.display='none'; }
  7. if(kk<>'ee'){ document.getElementById( 'ee' ).style.display='none'; }

no ale nie wiem jak odwolac sie do kk bo wszystko jest git, ten fragment kk<>'aa',
Jak odwolac sie do zmiennej kk?? thx za odpwowiedz biggrin.gif
my_identify
Z tego co zrozumiałem to zawsze tylko jedno okienko ma być wyświetlane. Więc najlepiej było by zapamiętać które jest aktualnie widoczne, a po kliknięciu w na odnośnik chować tylko to jedno i wyświetlać inne.

  1. <script type="text/javascript">
  2. var visible;
  3. function pokaz(id) {
  4. obj = document.getElementById(id);
  5. if(obj==visible) {
  6. visible.style.display='none';
  7. visible= null;
  8. } else {
  9. if (visible) visible.style.display='none';
  10. obj.style.display='block';
  11. visible=obj;
  12. }
  13. }
  14.  
  15. <div style="display:none" id="blok01">blok 01</div>
  16. <div style="display:none" id="blok02">blok 02</div>
  17. <div style="display:none" id="blok03">blok 03</div>
  18. <div style="display:none" id="blok04">blok 04</div>
  19. ...
  20. <a href="java script:pokaz('blok01');">01</a>
  21. <a href="java script:pokaz('blok02');">02</a>
  22. <a href="java script:pokaz('blok03');">03</a>
  23. <a href="java script:pokaz('blok04');">04</a>
  24. ...

Ale nie jestem pewien czy o to Ci chodziło...
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.