login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Divs over elkaar

Offline Raze - 01/02/2009 19:50
Avatar van RazePHP beginner Hallo,

ik zou graag div's over elkaar plaatsen en wanneer ik dat op een bepaalde link klik, div 1 naar boven wordt gehaald (wordt getoond). Wanneer ik dan op een andere link klik, moet div 2 getoond worden en div 1 verbergen. Ik bedoel met over elkaar dat ze op net dezelfde plaats getoond moeten worden. Hoe moet ik dit juist doen? Ik heb al gegoogled op "divs over elkaar" en "div layer" maar vindt bij beide geen oplossing voor mijn probleem.

2 antwoorden

Gesponsorde links
Offline mark92 - 01/02/2009 20:45
Avatar van mark92 Gouden medaille

Nieuw lid		 Als ik jouw was zou ik me verdiepen in Javascript.
Via Javascript kun je zo de display en/of de visibility veranderen, zodat je div's kunt tonen en verbergen.

Als we nou eens wat code van jouw kant hadden... 
Offline qubus - 01/02/2009 20:47
Avatar van qubus Lid Je kunt ze om en om verbergen. Ik gebruik het volgende script (niet van mezelf)

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--Laten zien en verbergen van bepaalde div's -->
  2.   <script type="text/javascript"> 
  3.   <!-- 
  4.     function showHide(id) { 
  5.       var elm = document.getElementById(id); 
  6.       elm.style.display = (elm.style.display=='none'?'block':'none'); 
  7.     } 
  8.   //--> 
  9.   </script>


Aanroepen met:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onclick="showHide('naamdiv'); return false;"><b>KLIK HIER</b></a>


En de div doe je dan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="naamdiv" style="display:none;">


Hopelijk is het duidelijk genoeg, en kun je er wat mee.

Succes!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.159s