Infinite Ajax Scroll voor pagina's

Bram, toppie

Bram,
De infinite scroll werkt, alleen als alles is geladen begint hij weer bij pagina 1 (dus een oneindige lus )

Daarnaast haald hij de css niet op bij de geladen pagina's (dus pagina 2 -3 -4 ... die hij in infinite scroll inlaadt.

de oneindige lus die je krijgt los je op met punt 3

de items worden geladen in de bestaande pagina er hoeft dus geen css mee te komen. de scroll maakt gebruik van de 'component' tmpl ( een tmpl is een variant binnen een template, zie bestand templates/TEMPLATE/component.php ) bij de meeste components.php( zo ook de protostar waar de demo mee werkt) komt de header en dus de css gewoon mee.

je kunt zelfs de component.php nog verder reduceren zodat echt alleen de items mee komen met een nog eenvoudigere tmpl:


demos.affiliatefeeds.nl/shop/kleding/Dam...=60&ajax=1&tmpl=ajax


werkt nog steeds

dus ergens wordt de aanwezig css niet goed toegepast

Punt 3: copy the php to /templates/protostar/html/com_datafeeds/items

ik heb het script nu werkend gekregen in eigen template...
en eindigd hiermee:




$list_count++;

}


print '</tbody></table></div></div>';



echo '<div class="pagination" id="datafeeds_bottom"></div>'; #REPLACED pagination code
echo '</div>';

#ADDED
$ajax=JRequest::getVar('ajax');
if ( ! $ajax ) {
echo '
<script src="/templates/template/js/jquery.is4datafeeds.js">
</script>

<script>
(function($)
{
$(\'div#com_datafeeds\').infinitescroll({
navSelector:\'div.pagination\',
itemSelector:\'.datafeeds_clear\',
path: [window.location,\''.$this->where['aantal'].'\'],
debug:true,
});
})(jQuery);

</script>
';
}

Ik maak voor de website nog gebruik van Joomla 1.7 / 2.5

Protostar is J3.0

jquery ook.

en hoewel ik best begrijp dat geen mens mootools meer wil gebruiken weiger ik jquery icm mootools ( dus joomla 1.7/2.5) te ondersteunen.

Ze kunnen prima samenwerken maar ik heb in het verleden te veel tijd gestoken in het oplossen van conflicten bij extensies/templates die dat niet goed doen dat ik het niet meer doe.