Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Sprawdzanie czy div ma display: visible;, (nie chcę gotowca, chcę poradę)
eko_moto
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 8.01.2006
Skąd: z Wawy

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


mam taki kod w JS:

Kod
<script language="Javascript>
function sh(id) {
    
    if (document.getElementById) { // DOM3 = IE5, NS6
  if (document.getElementById(id).style.display == "none"){
      document.getElementById(id).style.display = 'block';
  } else {
      document.getElementById(id).style.display = 'none';      
  }    
    } else {
  if (document.layers) {    
      if (document.id.display == "none"){
    document.id.display = 'block';
      } else {
    document.id.display = 'none';
      }
  } else {
      if (document.all.id.style.visibility == "none"){
    document.all.id.style.display = 'block';
      } else {
    document.all.id.style.display = 'none';
      }
  }
    }
}


oraz HTML:

  1. <a href="#" onClick="sh('galeria');">Pokaz/Ukryj Galeria</a>
  2. <a href="#" onClick="sh('home');">Pokaz/Ukryj Home</a>
  3. <div style="display: none;" id="galeria">tutaj tresc gallery</div>
  4. <div style="display: none;" id="home">tutaj tresc home</div>


i chodzi mi o to, że jak klikniemy w np. "Pokaz/Ukryj Galeria" a
<div id="home"> bedzie mial display:visible; to zamknie
<div id="home"> a wyswietli <div id="galeria">
To ma być taki sprawdzacz czy dwa div-y nie bedą otwarte.

Pytanie: Czy da się to napisać w JS? Jeśli się da to proszę o poradę, jak.

Ten post edytował eko_moto 24.01.2006, 20:34:10
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
TAMLYN
post
Post #2





Grupa: Zarejestrowani
Postów: 49
Pomógł: 1
Dołączył: 6.01.2007
Skąd: Wrocław

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


Czyli powinno zostać coś takiego? (IMG:http://forum.php.pl/style_emoticons/default/blink.gif)

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Untitled Document</title>
  5. <script type="text/javascript">
  6. function sh(id) {
  7. /*
  8. predefiniowana tablica z
  9. elementami obslugiwanymi
  10. przez menu
  11. */
  12. modules = new Array('galeria', 'home');
  13. for (i = 0; i < modules.length; i++) {
  14. if (i != id) {
  15. document.getElementById(modules[i]).style.display = 'none';
  16. } else {
  17. document.getElementById(modules[i]).style.display = 'block';
  18. }
  19. }
  20. }
  21. </head>
  22.  
  23. <ul>
  24. <li><a href="java script:void(0);" onClick="sh(0);">Pokaz/Ukryj Galeria</a></li>
  25. <li><a href="java script:void(0);" onClick="sh(1);">Pokaz/Ukryj Home</a></li>
  26. </ul>
  27. <div style="display: none;" id="galeria"><p>tutaj tresc gallery</p></div>
  28. <div style="display: none;" id="home"><p>tutaj tresc home</p></div>
  29. </body>
  30. </html>


Nie znam się dobrze na Javie i JS (IMG:http://forum.php.pl/style_emoticons/default/sleep.gif) "

------------------
W kodzie uwzględniłęm poprawki @zajec'a i @LBO

Ten post edytował TAMLYN 11.01.2007, 12:15:24
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: 7.10.2025 - 05:23