login  Naam:   Wachtwoord: 
Registreer je!
 Forum

box met tekst (Opgelost)

Offline Warbringer - 14/11/2007 18:28
Avatar van WarbringerOnbekend Denk dat jullie die kleine vierkantjes wel kennen.
klap je ze uit verschijnt er tekst.

Iemand enig idee hoe je deze maakt?
dus even simpel voorbeeld:

[X]

Klik je erop krijg je:

[X]
Optie 1
Optie 2
Optie 3

bijvoorbeeld

3 antwoorden

Gesponsorde links
Offline Godlord - 14/11/2007 18:45 (laatste wijziging 14/11/2007 19:20)
Avatar van Godlord PHP gevorderde Via Javascript...

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.     function toon_tekst() {
  3.         var toon = document.getElementById("toon");
  4.         var tekst = document.getElementById("tekst");
  5.         if (tekst.style.display == "none") {
  6.             toon.innerHTML = "Verberg";
  7.             tekst.style.display = "block";
  8.         } else {
  9.             toon.innerHTML = "Toon";
  10.             tekst.style.display = "none";
  11.         }
  12.     }
  13. </script>
  14. <div id="toon" style="display: block;" onclick="toon_tekst()">Toon</div>
  15. <div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>


Iets in die aard .

Edit:

Ik heb 'Schuil' aangepast, is nu 'Verberg' .

@beneden, ligt eraan.

Verbetering op mijn code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.     function toon_verberg(object, id) {
  3.         var weergave = document.getElementById(id);
  4.         if (weergave.style.display == "none") {
  5.             object.innerHTML = "Verberg";
  6.             weergave.style.display = "block";
  7.         } else {
  8.             object.innerHTML = "Toon";
  9.             weergave.style.display = "none";
  10.         }
  11.     }
  12. </script>
  13. <div id="toon" style="display: block;" onclick="toon_tekst(this, 'tekst')">Toon</div>
  14. <div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>
Offline kjarli - 14/11/2007 19:01
Avatar van kjarli Nieuw lid Makkelijker:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. function show_hide(id)
  4. {
  5.     var list_display = document.getElementById(id);
  6.  
  7.     if(list_display.style.display == 'none')
  8.     {
  9.         list_display.style.display = '';
  10.     }
  11.     else
  12.     {
  13.         list_display.style.display = 'none';
  14.     }
  15. }
  16.  
  17. </script>
Offline Warbringer - 14/11/2007 19:20 (laatste wijziging 14/11/2007 19:38)
Avatar van Warbringer Onbekend Heb hem nu dankjullie wel!!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.224s