Skip to main content

Infinite Ajax Scroll voor pagina's

More
10 years 3 months ago #3087 by sandra
Bram, toppie :)

Please Log in to join the conversation.

More
10 years 3 months ago #3090 by sandra
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.

Please Log in to join the conversation.

More
10 years 3 months ago - 10 years 3 months ago #3091 by redactie
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:
Code:
#vergelijk met component.php <?php defined('_JEXEC') or die; ?> <jdoc:include type="component" />


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


werkt nog steeds

dus ergens wordt de aanwezig css niet goed toegepast
Last edit: 10 years 3 months ago by redactie.

Please Log in to join the conversation.

More
10 years 3 months ago #3092 by sandra
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>
';
}

Please Log in to join the conversation.

More
10 years 3 months ago #3093 by sandra
Ik maak voor de website nog gebruik van Joomla 1.7 / 2.5 :)

Protostar is J3.0

Please Log in to join the conversation.

More
10 years 3 months ago #3094 by redactie
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.

Please Log in to join the conversation.

Time to create page: 0.469 seconds