Forum PHP.pl > [CSS][JavaScript] zmiana "style.display" dopiero po 2-gim kliknięciu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript] zmiana "style.display" dopiero po 2-gim kliknięciu

hiszpanespaniol

17.05.2008, 17:33:37

witam.
Znalazłem tu na forum link do strony z przykładem tworzenia "zakładek menu" za pomocą css i JavaScript'u (niestety nie mogę odszukać tamtego tematu).

Funkcję chciałem uprościć tak, aby jeden link ukrywał lub odkrywał pewien div. Wszystko mi działa, ale dopiero gdy drugi raz kliknę w link ukrywający/odkrywający. Ma "palić na dotyk" a nie "z popychu"

tak wygląda funkcja java script:

[HTML] pobierz, plaintext 
function pokaz(tekst) {
    stan = document.getElementById(tekst).style.display;
    if (stan == 'block' || stan == '') {
    document.getElementById(tekst).style.display = "none";
    } else {
    document.getElementById(tekst).style.display = "block";
    }
[HTML] pobierz, plaintext

a tak obrazowo wygląda HTML:

[HTML] pobierz, plaintext 
<style type="text/css">
#opis: {display: none}
</style>
<div>
Krótki opis paragrafu. <a href="javascript:void(pokaz('opis'))">Czytaj więcej</a>
<div id="opis">obszerny opis tego paragrafu <a href="javascript:void(pokaz('opis'))">zwiń</a>
</div>
</div>
[HTML] pobierz, plaintext

Byłbym wdzięczny za pomoc (naprowadzenie na rozwiązanie działające za 1-szym kliknięciem)

ps. funkcja znajduje się w <body> a nie w <head> jeśli to ma znaczenie. Head jest "incudowane" (PHP) przy każdej stronie, a ta funkcja potrzebna tylko w jednej podstronie, dlatego w includowanym <body>

PiXel2.0

17.05.2008, 17:50:38

A sprawdz czy z taka funkcja dziala ?

[HTML] pobierz, plaintext 
function pokaz(tekst){    
     var element = document.getElementById(tekst);
     if(element.style.display  == 'block')
          element.style.display = 'none';
     else
          element.style.display = 'block';
}
[HTML] pobierz, plaintext

Moze przyda Ci sie jeszcze TEN TEMAT

hiszpanespaniol

17.05.2008, 18:01:06

działa, dziękuję.
Ale różnica między tymi dwiema wersjami ("moją" i Twoją) jest bardzo niewielka i nie wiem czemu mi nie działało. w każdym razie "pomógł"

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.