Wątek zablokowany 2014-10-17 08:31 przez dzek69.

Pokazywanie i ukrywanie zawartości strony

0

Mam taki problem potrzebuje rozwiązania jak ukryć i pokazać zawartość strony, bo sprawa jest następująca że w bazie są wyświetlane rekordy i przykładowo jest 5 rekordów to jakieś rozwiązanie zastosowałem, ale okazało się, że nie pomaga ponieważ element który był pokazywany i ukrywany zawsze pokazywał się przy pierwszym elemencie rekordu a ja chcę zrobić to dla poszczególnego

Element, który ja miałem zastosowany wygląda tak

<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>
0

Odpowiedź może banalna - ale dlaczego nie generować różnego ID dla różnych rekordów?

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

<div id="textBlock-1" style="display:none;">
dane 1
</div>

<p>
<a href="#" onclick="JavaScript:HideContent('textBlock-2');">ukryj</a>
<a href="#" onclick="JavaScript:ShowContent('textBlock-2');">pokaz</a>
<a href="#" onclick="JavaScript:ReverseContent('textBlock-2');">odwroc</a>
</p>
<div id="textBlock-2" style="display:none;">
dane 2
</div>

itd..

0

Zaprogramowałem to tak, że jest domyślnie pokazane, ale jak to zrobić, żeby było domyślnie ukryte.

1 użytkowników online, w tym zalogowanych: 0, gości: 1