« powrót

Ukrywanie / pokazywanie zawartości bloku DIV [JavaScript]

Opublikowano: 2009-07-29 , wyświetlono: 28517

Czasami przydatne jest ukrycie części zawartości strony i pokazywanie jej tylko na żądanie użytkownika (patrz: formularz dodawania komentarzy w wym serwisie). Poniżej przykładowa strona html ilustrująca zastosowane rozwiązanie.


<html>
<body>

<script type="text/javascript" language="JavaScript">
function HideContent(d)
{
  if (d.length < 1)
    return;

  document.getElementById(d).style.display = "none";
}

function ShowContent(d)
{
  if (d.length < 1)
    return;
  document.getElementById(d).style.display = "block";
}

function ReverseContent(d)
{
  if (d.length < 1)
    return;

  if (document.getElementById(d).style.display == "none")
  {
    document.getElementById(d).style.display = "block";
  }
  else
  {
    document.getElementById(d).style.display = "none";
  }
}
</script>

<p>
<a href="#" onclick="JavaScript:HideContent('textBlock');">ukryj</a>
<a href="#" onclick="JavaScript:ShowContent('textBlock');">pokaz</a>
<a href="#" onclick="JavaScript:ReverseContent('textBlock');">odwroc</a>
</p>

<div id="textBlock" style="display:none;">
text block text block text block text block  text block
text block text block text block text block  text block
</div>

</body>
</html>


Komentarze:

DeXTeD

Szukałęm tego tak prosto napisanego juz z 3h i znalazłem!!

2009-07-30
witam

czy w przypadku umieszczenia w takim ukrytym divie obrazka jest jakas mozliwosc podpiecia pod niego usermap ??

2010-04-28
A jak takie pokazanie zapamiętać?

cookies? sesje? Generalnioe chodzi mi o to żeby klient jak juz sobie pokaże daną cześć strony to żeby mu to nie zniknęło po odświeżeniu

2012-05-20 ondas
Spartańska robota.

Krótko. Zwięźle. I na temat. Wielkie DZIĘKI, Senhor.

2013-01-06
Super

Jesli to Twoja robota to naprawde dobre. Serdeczne dzieki. Zwiezle i na temat

2014-06-27 Wojt