Nachrichtenliste via AJAX nachladen

[mapfei]

Hi zusammen,

ich möchte mit der Erweiterung AjaxReloadElement "weitere Referenzen" einblenden lassen. Hierzu habe ich zwei Module vom Typ Nachrichtenleser angelegt. Die Referenzen 1-6 werden immer angezeigt. Das zweite Modul überspringt die ersten 6 und soll den "Rest" anzeigen, nachdem man auf einen Button "mehr laden" geklickt hat. Das Nachrichtenlisten-Modul für den "Rest" hat den Haken bei "Ajax reload erlauben".

Wie müsste das Script nun aussehen, welches ich einbinden muss? Muss das zweite Nachrichtenmodul direkt auf der Seite eingebunden werden?

Siehe auch https://community.contao.org/de/show...l=1#post550789

Grüße,
mapfei

[Spooky]

Ich denke du willst eigentlich https://extensions.contao.org/?p=mar...-scroll-bundle haben?

[mapfei]

Hmm, auch nicht schlecht. Der Kunde wünscht sich jedoch explizit einen Button zum "mehr laden"...

[Spooky]

Den gibt's in der Extension

[zonky]

das könnte auch passen https://extensions.contao.org/?p=tri...ination-bundle

[mapfei]

Danke euch! Beim Einbinden der Erweiterung Contao News Infinite Scroll gibt's jedoch Fehler:

jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2 jQuery.Deferred exception: ContaoNewsInfiniteScroll is not defined ReferenceError: ContaoNewsInfiniteScroll is not defined
    at HTMLDocument.<anonymous> (https://mydomain.de/referenzen:825:446)
    at e (https://mydomain.de/assets/js/jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2:30038)
    at t (https://mydomain.de/assets/js/jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2:30340) undefined
S.Deferred.exceptionHook @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
t @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
setTimeout (async)
(anonym) @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fire @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
ready @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
B @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2 Uncaught ReferenceError: ContaoNewsInfiniteScroll is not defined
    at HTMLDocument.<anonymous> (referenzen:825)
    at e (jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2)
    at t (jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2)
(anonym) @ referenzen:825
e @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
t @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
setTimeout (async)
S.readyException @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
(anonym) @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
e @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
t @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
setTimeout (async)
(anonym) @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fire @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
t @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
setTimeout (async)
(anonym) @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fire @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
c @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
fireWith @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
ready @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2
B @ jquery.min.js,jquery.isotope.min.js,isotope_plugin_masonry.js,co...-ac1dfa63.js:2

Das entsprechende Template habe ich im Layout eingebunden und jQuery ist natürlich aktiviert.

EDIT: Hatte das falsche Modul verwendet. Allerdings erhalte ich beim Klick auf "weitere Beiträge laden" nun den Fehler

Uncaught SyntaxError: Identifier 'ContaoNewsInfiniteScroll' has already been declared

Grüße,
mapfei