login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hide/show division

Offline Grayen - 11/01/2006 18:28
Avatar van GrayenPHP ver gevorderde Ik weet niet of ik het onder het goede categorie heb geplaatst. Mij vraag is hoe je dit kan maken:

Als je op een link klikt laat hij de division zien waarin zich alle tekst bevind, als je dan op een andere link klikt, dat hij dan die tekst laat zien, maar dat het dan niet over elkaar heen gaat (misschien is er in te stellen met css ofzo dat hij alles overlapt, niet eroverheen, want dan zouden de teksten door elkaar gaan staan, maar alles overlapt), of als dat er niet is dat je met (waarschijnlijk javascript) het geopende division sluit, en een andere division laat openen waarin zich de info die je door de link wilt opnenen laat zien.

dus voor de duidelijkheid een voorbeeldje:

twee links: wie ben ik?, hoe oud ben ik?
dan zal de tekst zijn in het tekstvlak als ik op de link wie ben ik? klik: Grayen
en als je op de link hoe oud ben ik? klikt dat je dan de tekst zou zien: 15 jaar oud

Nu wil ik dat, de tekst van wie ben ik? niet door: hoe oud ben ik? gaat als je op beide links hebt geklikt.

Is daar een mogelijkheid voor?

alvast bedankt 

2 antwoorden

Gesponsorde links
Offline vinTage - 11/01/2006 18:40 (laatste wijziging 11/01/2006 18:41)
Avatar van vinTage Nieuw lid http://www.site...javascript

Met dat stuk javascript kan je een div verstoppen of tonen.
die functie roep je aan met een button en
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href ="javascript:hidelayer('newlayer');">klik</a>

en
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href = "javascript:showlayer('newlayer');">klik</a>


hopelijk heb je er wat aan
Offline Grayen - 11/01/2006 19:17 (laatste wijziging 11/01/2006 19:48)
Avatar van Grayen PHP ver gevorderde yay^^ het is me gelukt, het moest namelijk zijn:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/JavaScript">
  2.  function OpenClose1(obj) {
  3. var oMenu=document.getElementById("smenu2");
  4. oMenu.style.visibility=(oMenu.style.visibility=="hidden")? "hidden" : "hidden";
  5. var oMenu=document.getElementById("smenu1");
  6. oMenu.style.visibility=(oMenu.style.visibility=="visible")? "visible" : "visible";
  7. }
  8. function OpenClose2(obj) {
  9. var oMenu=document.getElementById("smenu1");
  10. oMenu.style.visibility=(oMenu.style.visibility=="hidden")? "hidden" : "hidden";
  11. var oMenu=document.getElementById("smenu2");
  12. oMenu.style.visibility=(oMenu.style.visibility=="visible")? "visible" : "visible";
  13. }
  14. </script>

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu1" onclick="OpenClose1()">menu</div>
  2.     <div id="smenu1" style="visibility:visible;">
  3.     <a href="#">1</a><br>
  4.     <a href="#">2</a><br>
  5.     </div>
  6.     <div id="menu2" onclick="OpenClose2()">menu</div>
  7.     <div id="smenu2" style="visibility:hidden;">
  8.     <a href="#">3</a><br>
  9.     <a href="#">4</a><br>
  10.     </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s