Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczne ukrywanie/pokazywanie DIV
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
KoPcIu
Witam, ostatnio zacząłem się bawić JS, stworzyłem prosta funkcje do ukrywania DIV:

Kod
function ukryj ()
{
  if (document.getElementById('ukryj').style.display == "none")
  {
    document.getElementById('ukryj').style.display='block';
  } else {
    document.getElementById('ukryj').style.display='none';
  }
}


Lecz ta funkcja nie spełnia w 100 % moich oczekiwań, ponieważ chciałbym aby DIV dynamicznie się chował i pokazywał.

Ma ktoś jakiś pomysł jak to stworzyć bądź zna jakieś przydatne linki?

Pozdrawiam!
marcio
Jak dobrze pamietam to mozesz to Zrobic w mintajax http://mintajax.pl/Przewodnik/Efekty/ funckja:mint.fx.Fade
muniekw
Albo coś w tym stylu:

Kod
<style type="text/css">
      <!--
      div.menu p { display: none; }
      -->
    </style>
    <div class="menu">
      <p id="cos0">Ble ble ble</p>
      <p id="cos1">Pierwsze menu - "menu 1"</p>
      <p id="cos2">Drugie menu -  "menu 2"</p>
      <p id="cos3">Trzecie menu - "menu 3"</p>
    </div>
    <a href="#" onclick="menu('cos1'); return false;">menu 1</a>
    <a href="#" onclick="menu('cos2'); return false;">menu 2</a>
    <a href="#" onclick="menu('cos3'); return false;">menu 3</a>
    <a href="#" onclick="menu('cos0'); return false;">wyczysc</a>

<script language="javascript" type="text/javascript">
<!--
function menu(element) {
  i = 0;
  while (e = document.getElementById("cos" + i++)) {
    e.style.display = "none";
  }
  document.getElementById(element).style.display = "inline";
}
menu('cos0');
// -->
</script>


Oczywiście musisz poddać ten kod lekkiej modyfikacji...
dotangelo
Ja polecam rozwiązanie jQuery:
Kod
$("#jakiesId").fadeOut("slow");
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.