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
LBO
post
Post #2





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

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


musisz stworzyc predefiniowana tablice z idkami ktore ma obslugiwac menu...
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="Javascript">
function sh(id) {
    /*
  predefiniowana tablica z
  elementami obslugiwanymi
  przez menu
    */
    modules = new Array('galeria', 'home');
    for (i = 0; i < modules.length; i++) {
     if (i != id) {
            //alert(modules[i] + ' != ' + modules[id]);
            document.getElementById(modules[i]).style.display = 'none';
        } else {
            //alert(modules[i] + ' == ' + modules[id]);
            document.getElementById(modules[i]).style.display = 'block';
        }
    }
}
</script>
</head>

<body>
<a href="#" onClick="sh(0);">Pokaz/Ukryj Galeria</a><br />
<a href="#" onClick="sh(1);">Pokaz/Ukryj Home</a>
<div style="display: none;" id="galeria">tutaj tresc gallery</div>
<div style="display: none;" id="home">tutaj tresc home</div>
</body>
</html>


dziala pod IE 5, IE 6, Firefoxem, Netscape 7/8, Opera 7/8, Mozila 1.7/1.8

Ten post edytował LBO 24.01.2006, 21:15:37
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: 15.10.2025 - 05:53