Forum PHP.pl > [CSS][JavaScript]style.block,none

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript]style.block,none

neo1986kk

24.01.2010, 18:59:28

[PHP] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
 
<style type="text/css">
<!--
#dropper { display: none; }
-->
</style>
 
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
      if(document.getElementById(element).style.display = 'none')
      {
        document.getElementById(element).style.display = 'block';
      }
      else if(document.getElementById(element).style.display = 'block')
      {
        document.getElementById(element).style.display = 'none';
      }
}
//-->
</script>
 
</head>
<body>
      <div onClick="toggleDiv('dropper')">Main</div>
 
      <div id="dropper">
            <ul>
                        <li>1</li>
                        <li>2</li>
            </ul>
      </div>
</body>
</html>
[PHP] pobierz, plaintext

Dlaczego po ponownym naciśnięciu nie chowa elementu <div id="dropper">??
Kod wydaje sie poprawny, konsola nie wyświetla błedów, sprawdzane na FF

bełdzio

24.01.2010, 19:13:29

w ifach zamiast = daj ==

Burned

24.01.2010, 19:13:29

Jakiś podobny problem kiedyś miałem.
Poekserymentowałem trochę i działające rozwiązanie wyglądało mniej więcej tak:

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
    var myElement = document.getElementById(element);
      if(myElement.style.display != 'block')
      {
        myElement.style.display = 'block';
      }
      else
      {
        myElement.style.display = 'none';
      }
}
//-->
</script>
<a href="#" onClick="toggleDiv('dropper');return false;">Main</a>
 
      <div id="dropper" style="display:none;">
            <ul>
                        <li>1</li>
                        <li>2</li>
            </ul>
      </div>
[HTML] pobierz, plaintext

Nie zagłębiałem się dlaczego tak działa, a inaczej nie za bardzo chce.

EDIT:
bełdzio zauważył faktycznie ważny błąd, przez który nie miało prawa działać.

neo1986kk

24.01.2010, 19:31:28

Tak moim tokiem myslenia to wydaje mi się, że JS nie rozpoznaje style = none dlatego kod (if myelement !='block') działa.
Poprostu mówi on, że nie jeśli jest NONE
tylko jeśli jest inny niż BLOCK

Tak mi się wydaje...

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.