Erelid |
|
Je kan dit ook bereiken zonder Ajax, wel met JavaScript.
Stel dat je 1 foto wilt weergeven met een pagina, die aangeroepen wordt als foto.html?foto=mijnhond.jpg.
Dan kan je in foto.html een stukje JavaScript gebruiken om de waarde "mijnhond.jpg" op te halen en de betreffende foto te laden:
function fotoNaam() {
// De querystring ophalen (foto=mijnhond.jpg&onzin=zekerweten)
queryString = window.location.search.substring(1);
// Opdelen in argumenten, gescheiden door &
args = queryString.split('&');
// Alle argumenten doorlopen
for(i = 0; i < args.length; i++) {
// Opsplitsen in 'foto' en 'mijnhond.jpg'
argDetail = args[i].split('=');
// We zoeken de waarde van 'foto', niet van 'onzin' of gelijk wat:
if(argDetail[0] == 'foto') {
return argDetail[1];
}
}
// Niks gevonden, false
return false;
}
// Hier gebeurt het dan allemaal:
var foto = fotoNaam();
if(!foto) {
// Foto niet opgegeven, laadt een ander prentje, of die iets anders
foto = 'nietgevonden.jpg';
}
// Toon de foto
document.getElementById('foto').src = foto;
function fotoNaam() { // De querystring ophalen (foto=mijnhond.jpg&onzin=zekerweten) queryString = window.location.search.substring(1); // Opdelen in argumenten, gescheiden door & args = queryString.split('&'); // Alle argumenten doorlopen for(i = 0; i < args.length; i++) { // Opsplitsen in 'foto' en 'mijnhond.jpg' argDetail = args[i].split('='); // We zoeken de waarde van 'foto', niet van 'onzin' of gelijk wat: if(argDetail[0] == 'foto') { return argDetail[1]; } } // Niks gevonden, false return false; } // Hier gebeurt het dan allemaal: var foto = fotoNaam(); if(!foto) { // Foto niet opgegeven, laadt een ander prentje, of die iets anders foto = 'nietgevonden.jpg'; } // Toon de foto document.getElementById('foto').src = foto;
In je document zelf kan je dan een afbeelding gebruiken:
<img src="bezigMetLaden.jpg" alt="" id="foto" />
Normaal gezien zou dit hele zootje ervoor zorgen dat bij het laden van foto.html?foto=mijnhond.jpg de betreffende foto getoond wordt, zodat je slechts 1 pagina dient te maken.
Ik heb dit niet getest, maar je wordt geacht dit te trachten te begrijpen en hier eventueel zelf op verder te werken. Mocht het niet doen wat je verwacht helpt men je er graag mee verder. |