Pagina laden in div
Omdat het gebruik van een frameset af te raden is, gebruik ik div's.
Ik heb een leftdiv(menu) en een rightdiv(main).
Hoe kan ik (waarschijnlijk mbv JavaScript) een pagina laden in de rightdiv, zonder de hele pagina (rightdiv + leftdiv) opnieuw te laden.
Dus als ik de links Index.html en Pagina1.html heb en ik klik op Pagina1.html, moet de tekst van Pagina1 de tekst van Index vervangen.
Dank bij voorbaat.
Quote:
Bewust bumpen is eigenlijk nog erger dan 'per ongeluk'. ;)
SanThe.
SanThe.
Maar ik heb wel degelijk een nieuwe vraag.
Kan ik dit ook verwezenlijken met enkel HTML en Javascript?
Voorlopig heb ik dit:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?
<script type="text/javascript">
function loadContent(id)
{
$("#main").load("pagina"+id+".html");
}
</script>
?>
<script type="text/javascript">
function loadContent(id)
{
$("#main").load("pagina"+id+".html");
}
</script>
?>
Code (php)
1
2
3
4
2
3
4
<?
<a href="javascript:loadContent(1);">Index</a>
<a href="javascript:loadContent(2);">Pagina 2</a>
?>
<a href="javascript:loadContent(1);">Index</a>
<a href="javascript:loadContent(2);">Pagina 2</a>
?>
Code (php)
1
2
3
4
2
3
4
<?
<div id="mid" onLoad="loadContent(2);"> <!-- Main van de pagina -->
</div>
?>
<div id="mid" onLoad="loadContent(2);"> <!-- Main van de pagina -->
</div>
?>
Gewijzigd op 01/01/1970 01:00:00 door Jens
Neem dan even een kijkje hier klik
Gewijzigd op 01/01/1970 01:00:00 door Robin
Robin schreef op 20.03.2009 14:47:
Jij let niet echt op hae?Gebruik dan AJAX, hiermee kun je andere pagina's inladen in een div.
Neem dan even een kijkje hier klik
Neem dan even een kijkje hier klik
jQuery = AJAX?
AJAX == methode om bestanden aan te roepen via Javascript
AJAX kan je ook gebruiken zonder jQuery..
Sowieso snap ik niet waarom je zo'n library wilt gebruiken. Gebruik gewoon puur javascript. Wat is het nu van jQuery?
Een aantal dingen krijg ik niet aan de praat zonder iets als jQuery, toch niet voor iets wat voor alle browsers (lees: meestal is IE het probleem) werkt.
Ajax tutorials (zonder jQuery):
http://www.phphulp.nl/php/tutorials/8/309/
http://phphulp.nl/php/tutorials/8/666/
In mijn tutorial leg ik uit wat je kan doen. Er is ook een pagina speciaal over navigatie.
http://phphulp.nl/php/tutorials/8/666/1747/
werkend voorbeeld online: http://www.manutechnica.com/tutorials/ajax/phphulp/navig/#1
(Lees wel de tutorial vanaf het begin, anders raak je er waarschijnlijk niet.)
Gewijzigd op 01/01/1970 01:00:00 door Emmanuel Delay