[Joomla] Dynamisch content laden

[mjpeters]

Beste tweakers,

Ik ben webmaster van de site van mijn vereniging en heb die site samen met iemand anders opgezet in Joomla 1.5. Het template is voor een groot deel zelf geprogrammeerd (met als basis een simpele tutorial) en de site is uitgebreid met de volgende components:
- Chrono Forms
- Community Builder
- Docman
- Kunena (forum)
- Phoca Gallery
De site maakt gebruik van een tabindeling met submenu's, redelijk basic (alhoewel voor mij een redelijke prestatie).

Ik wil de site aanpassen, zodat mijn header, menu en linkerbalk niet constant herladen. Ik heb gezocht naar extensions, tutorials, programmeertalen (ajax, js) en libraries als jquery en mootools, maar ik kan eigenlijk door de bomen het bos niet meer zien. Eigenlijk wil ik gewoon dat het content gedeelte van de site wordt herladen terwijl de rest blijft staan. (dit is de site waar het om gaat: http://quantum-satis.com/)

Hoe kan ik dit het beste aanpakken? De index.php heeft de code:

PHP:

<div id="whitebox_m">
<div id="area">                    
<jdoc:include type="component" />
</div>
</div>

Het stuk "..jdoc.." genereert geloof ik de content van joomla n.a.v. de huidige pagina. Kan dat stuk los van de andere code herladen worden?

Alvast mijn dank en ik hoop dat jullie mij kunnen helpen!

[Yoozer]

Elke verandering van de URL in je adresbalk zorgt voor herladen. De oplossing is een iframe gebruiken, of met AJAX de content in de div vervangen. Het eenvoudigste is om dan met Javascript de clicks op de links af te vangen en een GET-request te sturen naar een pagina die alleen content serveert. Dit duurt echter even, omdat de JS een sloot HTML moet inladen; zie ook de manier waarop op t.net de pricewatch werkt als je gaat filteren.

Vraag is echter wel waarom je dat zou willen; mensen zijn er echt wel aan gewend dat webpagina's ververst worden. Het gaat er niet echt sneller op worden als 't nu te langzaam is.

Je hebt er meer aan als je die foto's die je op je site zet naar hun juiste grootte verkleint met Photoshop of Paint.net. Er zal maar eens iemand tussenzitten die vrolijk z'n 6 megapixel-kiekjes dumpt en dat dan met het CMS "verkleint".

Vind je de URLs niet mooi uitzien (waarin ik je gelijk kan geven), kijk dan naar een URL-rewrite plugin.

[ Voor 54% gewijzigd door Yoozer op 07-10-2010 12:00 ]

[RobIII]

Yoozer schreef op donderdag 07 oktober 2010 @ 11:56:
Dit duurt echter even, omdat de JS een sloot HTML moet inladen

Je browser moet dat ook; en dan is het nog meer HTML ook

Yoozer schreef op donderdag 07 oktober 2010 @ 11:56:
Vraag is echter wel waarom je dat zou willen; mensen zijn er echt wel aan gewend dat webpagina's ververst worden. Het gaat er niet echt sneller op worden als 't nu te langzaam is.

Dat kan wel zeker maar dan moet je eens gaan kijken naar het sturen van de juiste cache headers e.d. Je hebt er veel meer aan om (bijv.) een YSlow of PageSpeed oid op je site los te laten en daar je conclusies uit te trekken.

Er missen nogal wat headers	Initieële page load	Vervolg page load; er wordt helemaal niet veel ge/herladen

/edit: En als het je er om gaat dat je .mp3 blijft spelen ( zooo 1996) dan kun je idd beter gaan kijken naar AJAX of iFrames.

[ Voor 37% gewijzigd door RobIII op 07-10-2010 12:10 ]

[mjpeters]

En als het je er om gaat dat je .mp3 blijft spelen ( zooo 1996) dan kun je idd beter gaan kijken naar AJAX of iFrames.

Dat is precies een van de ergernissen binnen mijn dispuut (mijn ergernis is voornamelijk dat het in eerste instantie wel een beetje brakke plugin is). Dat is dan ook een optionele uitbreiding voor mij, omdat ik een js en ajax leek ben.

De oplossing is een iframe gebruiken, of met AJAX de content in de div vervangen. Het eenvoudigste is om dan met Javascript de clicks op de links af te vangen en een GET-request te sturen naar een pagina die alleen content serveert

Dat is inderdaad wat ik zoek, maar ik zou niet weten hoe ik het moet doen (ik bedoel zeker niet dat iemand me de kant-en-klare oplossing geeft). Een iframe is nog wel binnen mijn kennis, maar hoe kan ik de clicks opvangen en alleen het content gedeelte ophalen vanuit joomla?

[RobIII]

mjpeters schreef op donderdag 07 oktober 2010 @ 12:17:
Een iframe is nog wel binnen mijn kennis

Klaarblijkelijk niet (helemaal):

mjpeters schreef op donderdag 07 oktober 2010 @ 12:17:
maar hoe kan ik de clicks opvangen en alleen het content gedeelte ophalen vanuit joomla?

Verder lijkt me dit meer iets voor Joomla support to be honest...

[ Voor 11% gewijzigd door RobIII op 07-10-2010 12:20 ]

[Yoozer]

RobIII schreef op donderdag 07 oktober 2010 @ 12:02:
Je browser moet dat ook; en dan is het nog meer HTML ook

Maar als het goed is is het grootste deel van die meuk al gecached en lijkt 't me dat die requests iets sneller gaan dan alles via JS spelen .

/edit: En als het je er om gaat dat je .mp3 blijft spelen ( zooo 1996) dan kun je idd beter gaan kijken naar AJAX of iFrames.

Of zoals Boomkat het doet - een popupje.

http://boomkat.com/vinyl/236-aphex-twin-come-to-daddy - klik op Play en daar gaan we dan. Blijft vrolijk staan, popup-blockers blijven er af (immers, dit is volledig op verzoek van de gebruiker), en je kunt verder navigeren over de site.

(niet aan te raden om dit nummer standaard af te spelen als je de pagina bezoekt).

[ Voor 4% gewijzigd door Yoozer op 07-10-2010 12:41 ]