Albert dat is alleen handig als je de gebruiker wilt laten weten dat zijn JS uit staat..
@ Jo ik zou het gewoon op een andere manier oplossen. ( PHP bv )
Naar mijn mening is het sowieso niet handig om primaire site onderdelen op te bouwen in Javascript ( al kan je er van uit gaan dat ruim 90% van de internetgebruikers dit wel aan heeft staan )
Er zijn genoeg manieren om je content te laten veranderen zonder je footer en header te hoeven vervangen. Als je een beetje over PHP kennis beschikt zou ik naar een framework kijken die het voor je oplost of gewoon heel simpel includes gebruiken. Ik heb ooit zelf een beginners tutorial hiervoor geschreven. Misschien heb je er wat aan.
@ Reshad Bedankt voor uw antwoord
Ik weet perfect hoe includes werken ,ik gebruik die ook op mijn pagina ,maar ik gebruik de javascript om mijn content te veranderen zonder dat de pagina moet laden
<script type="text/javascript">
function ChangePage(pagina){
//verandert de inhoud van #content naar /content.php?pagina=link1
}
</script>
<?php include 'base.php'; //laad de header/footer/menubalk/scripts ?>
<div id="content"><?php include '/content.php'; //content is eerst de startpagina ?></div>
En dan met Javascript die href weghalen en daar een onclick voor terug zetten.
Dus gewoon HTML gebruiken en dan die Javascript-dingen progressief gaan gebruiken.
Maar ik vind het raar dat je zoiets niet gewoon met HTML wilt oplossen.
Er zijn talloze scripts die dit automatisch doen.
Wat hier bedoeld wordt:
Eerst bouw je een site die volledig werkt zonder javascript.
Dus, elke <a> moet echt werken; moet dus een href hebben en op die pagina (pagina.php) moet je alles regelen zodat alles werkt.
Bovenop die werkende site bouw je een gebruiksvriendelijke laag met javascript.
Dat script houdt de normale werking tegen; waardoor de pagina niet wordt verlaten bij het klikken op een link, of bij het verzenden van een formulier ( enz.).
Het resultaat, wanneer de gebruiker javascript uit zet en op de link klikt, hoort gelijk te zijn aan wat gebeurt wanneer via javascript de pagina asynchroon wordt geladen.
In het tweede geval gebeurt het wel vlugger/aangenamer/minder trafiek/ ...
De link zelf kan er dan bv. zo uit zien: <a onclick="doe_iets(event)" href="pagina.php">
voorbeeld
<a onclick="doe_iets(event)" href="pagina.php">klik</a>
<script>
function doe_iets(e) {
// dit houdt de normale werking tegen; dus de pagina wordt niet verlaten
if (e.preventDefault) {// alle andere browsers
e.preventDefault();
var href = e.target.href; // e.target is het aangesproken element
}
else {// IE. Zelfde betekenis...
e.returnValue = false;
var href = event.srcElement;
}
alert(href);
// je kan nu dus variabele href gebruiken voor je ajax vrezoek
}
</script>
Begin met dit concept op kleine basis uit te testen, om er vertrouwd mee te raken.
