I am using Jquery plugin Infinite AJAX Scroll with History Extension in order to change the page URL while scrolling.
Now, let’s say, I scroll down to the 6th ajax load, the page URL has now changed to hostname/?page=6. If you then reload this link, you will see only the page 6 items. If you scroll down, the plugin will load the page 7 and so on.
But, if you scroll up, you wont’t see previous items: page 5, 4, 3...
Here you can see a demo from John Mueller
http://scrollsample.appspot.com/items?page=5
It would be nice to have the same behaviour on Jquery IAS, but I think there is no option to enable this functionality in Jquery IAS, is there?
Thanks.
Related
My pagination having total 64 pages, when I am clicking on page 5 I want that page 6 button is displayed automatically in UI. As of now its showing ellipses after page 5.
Please help. Thanks in advance!
You can avoid displaying ellipses with full_numbers_no_ellipses or simple_numbers_no_ellipses pagination plug-ins.
See jQuery DataTables: Pagination without ellipses for more information.
By default, you should see the page number either side of the page you are on - so if your page is 5, you should see buttons for 4 and 6 (see example here). You can use the pagingType option for different options on how the page numbers are displayed.
I've built an app for Shopify which displays in a page in a store's admin section. The way that works is that an html page from my server is displayed inside an iframe on the Shopify admin.
When any page is loaded in the Shopify admin, a blue progress bar displays at the top; usually it progresses across the page pretty quickly and is gone. On my page, however, the bar progresses across the page very slowly and never finishes. My page is very small, and it displays almost instantaneously.
It seems like Shopify is looking for something in the background, but I don't know what it is. Do you know?
You can stop the blue loading bar by calling ShopifyApp.Bar.loadingOff(). It would also be stopped if your app uses ShopifyApp.Bar.initialize(config).
I have a dojo enhanced grid on my page with the pagination plug in enabled.
I like to persist the grid so that say for example the user selects page 3, navigates to another page and then back to the grid page then Page 3 is opened. At the moment it reverts to page one.
Could anyone suggest a way of doing this?
I have a website which uses backgroundstretch to display a slideshow on the background of the website. I use a normal Yii website structure where the content is displayed by: , according to the url.
Now because of the reload the slideshow starts all over again when I go to another page. Is there a way to display the new pages without having to reload the background?
Thanks in advance!
It might be possible to load pages using ajax and replace the existing content on top of your rotating slide show, but it would likely be a big architectural change to your website.
Instead you might try storing the current slideshow index in a cookie, and when you load your next page, start the slideshow on the current image instead of the first image.
I'm using colorbox to load an external page in an iframe. As the page is loading you can see the loading GIF. All is good so far :)
Once the page is loaded, there is a form with a submit button. When I click the button, it loads a second page in to the same iframe. This all works fine, except it doesn't show the loading GIF while the second external page is loading.
Is there a way I can get this to show when I click the submit button, then once the page has loaded hide it again?
The reason for the difference in the behavior is this: the first load of the iframe is accomplished by ColorBox, which includes code to display the spinner. The second event is triggered by (I assume) your submit button so the ColorBox plugin isn't called.
This isn't strictly a ColorBox question, BTW, but I suggest you study the plug-in's code to see if you can reuse the technique that displays the spinner. Just a thought.
In any case, you'll likely need some javascript to handle the spinner display and event timings.