Visa/Dölj divar...

Har du tröttnat på att bara skriva ut dina poster i en lång lista? Jag ska visa ett snyggt sätt att visa posterna på detta går dock att göra snyggare men detta är helt enkelt bara en basic variant.
Jag antar att du vet hur man gör ett recordset eller motsvarande i något skriptspråk så vi gr direkt in på den andra koden...

Först lite Javascript som ska göra det snygga...

  <script type="text/javascript">

    function show_hide(id){

      if(document.getElementById(id).style.display=='none'){

        document.getElementById(id).style.display='';

      } else

      {

        document.getElementById(id).style.display='none';

      }

    }

  </script>

Det vi gjorde nu var att vi skapade funktionen som visar och gömmer dina olika resultat, och det förklarar ju inte koden men det ska jag göra nu.
Först skapar vi funktionen med "function" sedan kollar vi om "id" har display none eller inget alls och andrar där efter displayen.

Och för att sätta ihop detta till en snygg funktion ska vi nu göra det i (x)Html och lite ASP(går med vilket annat språk som helst)...

  <%

    ' Skapa ditt RecordSet här och loopa ut det...



  %>

  <div style="width:100%; height:15px; background:silver; margin-top:5px;" id="<%=objRS("ID") %>">

    <%=objRS("Rubrik") %> - <span onclick="show_hide('<%=objRS("ID") %>');" style="cursor:pointer;">Visa/Dölj</span>

  </div>

  <div style="width:100%; display:none;"><%=objRS("Info") %></div>

  <%

    ' Loopa om koden och avsluta ditt RecordSet...



  %>

Det vi gjorde nu var att vi skapade en div för varje post i databasen och gav diven samma ID som posten som visas i den sedan skapade vi en div under den diven som är osynlig från början men om du trycker på "Visa/Dölj" så visas den...

Om du undrar något eller hittar något fel kontakta mig eller ta upp det i forumet...
 

Detta tips skapades 2007-09-27 20:57:31 av edvinlinden. Det har lästs 520 gånger. ||

Kommentarer