Ilość wyświetleń: 27536 « powrót

Ukrywanie / pokazywanie zawartości bloku DIV [JavaScript]

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>

» Dodaj komentarz


Komentarze:

2014-06-27 Wojt

Super

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

2013-01-06

Spartańska robota.

Krótko.
Zwięźle.
I na temat.

Wielkie DZIĘKI, Senhor.

2012-05-20 ondas

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

2010-04-28

witam

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

2009-07-30

DeXTeD

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

Produkty


Sharepoint RMS

  • rejestracja zgłoszeń serwisowych
  • przydzielanie zadań personelowi
  • aktualizacja statusu zlecenia
  • podgląd przez użytkownika stanu jego zgłoszeń
  • automatyczne informowanie email'em o stanie zlecenia
  • dowolna liczba instancji aplikacji
  • 5 webpart'ów
  • 4 szablony list
  • kompletny projekt w Visual Studio 2010

Artykuły

» więcej


Jeżeli któreś z przedstawionych przeze mnie rozwiązań okazało się wyjątkowo użyteczne możesz dokonać darowizny za pomocą Paypal. Możliwe, że to zdopinguje mnie do przedstawienia większej ilości tekstów i kodów źródłowych, które powstają podczas mojej codziennej pracy.