Linken naar DIV

[Smartguy]

Ik zit met een dilemma.

Ik heb een pagina met div-elements. In de DIV met het id 'menu' heb ik o.a. de volgende code:

<select style="width:125; background-color:#EBEBEB" name="links_urls" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<option selected>Menu</option>
<option value="pagina1.php">Link 1</option>
<option value="pagina2.php">Link 2</option>
<option value="pagina3.php">Link 3</option>
<option value="pagina4.php">Link 4</option>
</select>

Nu wil ik dat als men een link aan zou klikken in dit dropdown menu de content van deze link in de DIV met id 'weergave' terecht komt. Op het moment opent hij de links gewoon in een nieuw venster. In deze 'weergave' DIV komen zeg maar alle teksten te staan.

<div id="weergave">
<p> Hier komt de info </p>
</div>

Hoe krijg ik het voor elkaar dat alle content die men via een link opvraagd in de 'weergave' DIV terecht komt?! Ik heb al gelezen dat dit met AJAX moet kunnen maar daar breek ik mij de nek zowat over. Wie kan me helpen?

Alvast bedankt voor de hulp!

 

[JeroenE]

Ik zie dat je naar php-pagina's linkt, dus is het eenvoudiger met php ipv javascript. Veel beter ook omdat php serverside is en javascript clientside, wat kan uit gezet worden in goede browsers.

Bij mijn nieuwe site in php heb ik het zo opgelost :

Het menu :

<a href="?pagina=pagina1">Link 1</a>
<a href="?pagina=pagina2">Link 2</a>
<a href="?pagina=pagina3">Link 3</a>
<a href="?pagina=pagina4">Link 4</a>

De weergave :

<div id="weergave">
<? php
($_GET["pagina"]) ? include($_GET["pagina"] . ".php") : include("home.php");
?>
</div>

Zo kan je telkens dezelfde pagina herladen en met alleen een andere inhoud in de div weergave.
Je kan ook meerdere div's op diezelfde pagina laten veranderen. bijvoorbeeld de footer erbij :

<a href="?pagina=pagina1&footer=footer1">Link 1</a>
<a href="?pagina=pagina2&footer=footer2">Link 2</a>
<a href="?pagina=pagina3&footer=footer3">Link 3</a>
<a href="?pagina=pagina4&footer=footer4">Link 4</a>

en

<div id="weergave">
<? php
($_GET["pagina"]) ? include($_GET["pagina"] . ".php") : include("home.php");
?>
</div>
<div id="footer">
<? php
($_GET["footer"]) ? include($_GET["footer"] . ".php") : include("footer.php");
?>
</div>

Greetz : Jeren.