Ik ben bezig met een website waar ik AJAX gebruik om content in te laden.
Onderstaande code gebruik ik daarvoor. Heb deze als ik het goed heb ook via deze website gevonden.
<!--BEGIN LOAD DIV-->
<script>
function loadContent(url)
{
var xmlRequest = null;
if(window.XMLHttpRequest)
xmlRequest = new XMLHttpRequest();
else if (window.ActiveXObject)
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
xmlRequest.onreadystatechange = function()
{
if(xmlRequest.readyState == 4)
{
if(xmlRequest.status == 200)
document.getElementById("leftcol").innerHTML = xmlRequest.responseText;
else
alert("Error: " + xmlRequest.status);
}
}
xmlRequest.open("GET", url, true);
xmlRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlRequest.send(null);
}
<!--EINDE LAAD DIV-->
Zoals je ziet wordt de leftcol div gebruikt om de content in te laden.
Dit werkt naar behoren als je op de juiste pagina bent. Een voorbeeld:
Op de "over ons" pagina (overons_index.html) wordt in de leftcol een korte tekst geladen. Aan de rechterkant (rightcol) staan een viertal links naar een tekst over "De Branche" bijvoorbeeld. De juiste pagina wordt door bovenstaande code geladen. Ik roep deze aan via:
javascript:loadContent(branche.html')
Nu staat er echter op de producten pagina (producten_index.html) ook een link naar diezelfde branche pagina. Nu kan ik deze natuurlijk makkelijk inladen via bovenstaande code door te linken naar "overons/branche.html".
Echter dient hij juist de overons_index.html pagina te laden en dan direct de leftcol te vullen met branche.html.
Is dat met dezelfde code haalbaar? Zo ja hoe kan ik dat het beste aanpakken?
Mvg,
Gerben van Erkelens
EDIT: 19-2-09:
Ik heb eveneens geprobeerd om het via de url al door te geven. Echter heeft dit ook niet het gewenste effect. Kan iemand mij vertellen of het via javascript uberhaupt wel mogelijk is?
knop om je tekst aan te passen.