orchardcms - Orchard infinite scroll -


i trying use "infinite ajax scrolling" orchard module.

https://gallery.orchardproject.net/list/modules/orchard.module.orchard.jquery.ias

i installed module through admin interface. made necessary modifications described on given link. also, had modification described in comments.

the infinite scrolling thing not functioning. created 30 blog posts in order test it. when scroll through blog posts through public website, first page og blog posts loaded , when scroll bottom, nothing happens. pager not visible (expected), no new content appended bottom of list (not expected).

when scroll through blog posts using admin interface , scroll down sufficiently, chrome console reports couple of things:

uncaught error: syntax error, unrecognized expression: <!doctype html>  <html lang="en-us" class="static orchard-blogs">  <head>      <meta charset="utf-8" />     <title>proba - manage infinite blog</title>      <link href="/orchardlocal/modul...<omitted>...l> jquery-1.9.1.js:4421 sizzle.error jquery-1.9.1.js:4421 tokenize jquery-1.9.1.js:5076 select jquery-1.9.1.js:5460 sizzle jquery-1.9.1.js:3998 jquery.fn.extend.find jquery-1.9.1.js:5576 jquery.fn.jquery.init jquery-1.9.1.js:196 jquery jquery-1.9.1.js:62 jquery.fn.jquery.init jquery-1.9.1.js:201 jquery jquery-1.9.1.js:62 (anonymous function) jquery.ias.min.js:210 fire jquery-1.9.1.js:1037 self.firewith jquery-1.9.1.js:1148 done jquery-1.9.1.js:8074 callback

a moment after:

get http://localhost:30321/modules/orchard.jquery.ias/styles/images/loader.gif 404 (not found) jquery-1.9.1.js:6469 jquery.extend.buildfragment jquery-1.9.1.js:6469 jquery.extend.parsehtml jquery-1.9.1.js:531 jquery.fn.jquery.init jquery-1.9.1.js:149 jquery jquery-1.9.1.js:62 get_loader jquery.ias.min.js:266 show_loader jquery.ias.min.js:279 paginate jquery.ias.min.js:167 scroll_handler jquery.ias.min.js:99 jquery.event.dispatch jquery-1.9.1.js:3074 elemdata.handle jquery-1.9.1.js:2750

in admin interface checked blog properties , seems configured fine. default values in place [container, item, pager, nextanchor], , these values present in html file i'm viewing when reported errors occur.

edit (after justrhysism's answer)

after implementing justrhysism's answer, focused on why infinite scrolling works in dashboard not in front-end. when opened list of blog posts in dashboard, located .pager element.

<ul class="pager">     <li class="first"><span>1</span></li>     <li><a href="/orchardlocal/admin/blogs/42?page=2">2</a></li>     <li class="last"><a href="/orchardlocal/admin/blogs/42?page=2">&gt;</a></li> </ul>

i opened list of blogs in front-end, , located .pager element.

<ul class="pager" shape-id="92" style="display: none;">     <li class="first" shape-id="92"><span shape-id="93">1</span></li>     <li shape-id="92"><a href="/orchardlocal/new-infinite-blog?page=2" shape-id="95">2</a></li>     <li shape-id="92"><a href="/orchardlocal/new-infinite-blog?page=2" shape-id="98">&gt;</a></li>     <li class="last" shape-id="92"></li> </ul>

then inspected javascript in charge triggering async loading of content.

function paginate(curscroffset, oncompletehandler)         {             urlnextpage = $(opts.next).attr("href"); // evaluates $(".zone-content .pager .last a").attr("href")             ...............         }

and found out urlnextpage variable gets set undefined in front-end view.

problem

i've come across before. it's document parsing error. there whitespace character (of description) @ top of document orchard returns instead of <! expected. more knowledge of ajax , document parsing better describe this.

solution

to fix this, find view document.cshtml within orchard's core (located in src\orchard.web\core\shapes\views) , copy theme's view directory.

in file, line 10 <!doctype html> starts. above this, remove line break between closing brace } , doctype declaration.

before:

} <!doctype html>

after:

}<!doctype html>

this should fix issue.


Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more