WebmasterCity - [ The Ultimate Webmaster Resource ]

Beste Webmasters,

Ik ben momenteel druk bezig met een site voor een restaurant in Tilburg. In de site werk ik met een achtergrond die zich automatisch aan de resolutie van het scherm aanpast. Ook heb ik d.m.v. CSS ingesteld dat de layout altijd in het midden van het venster geplaatst moet worden.

De layout ziet er naar mijn mening al erg gelikt uit, alleen frustreer ik me enorm aan het verspringen van de pagina wanneer ik op 'contact' klik. De achtergrond laadt opnieuw en de layout verspringt van de linkerbovenhoek naar het midden. Deze dingen horen ook zo, maar ik vraag me af of het mogelijk is dat de site dit maar 1 keer doet.

Dus ik wil dat alleen de content (alles rechts van het menu + logo) ververst en de achtergrond + linkerbalk blijf staan. Dit zorgt voor veel meer rust bij het doorklikken.

Hier vind je de site:
http://www.medialaan.nl/sintsjaak/

Alvast bedankt voor jullie reacties !

Gr,
Request

Je kunt eens een kijkje nemen naar ajax. Je moet er echt wel rekening mee houden dat gebruikers zonder JS ondersteuning wel fatsoenlijk door de website kunnen navigeren. Dit kun je bijvoorbeeld doen door de hyperlinks gewoon standaard naar een pagina te laten linken. jQuery biedt bijvoorbeeld bij events de methode preventDefault() waarmee je de standaard actie kunt negeren en zelf een ajax call kan doen.
Zo iets zeg maar:
HTML:

Code

1 2 <a href="pagina.html">Klik hier</a> <div id="content"></div>

jQuery:

Code

1 2 3 4 5 6 $(document).ready(function() {   $('a').click(function(event) {     event.preventDefault();     $('#content').load('pagina_die_je_wil.html');   }); });

http://api.jquery.com/category/ajax/