- This topic is empty.
January 26, 2013 at 5:17 pm #42276
Hey, guys. To start off, I really didn’t want anyone to see the new version of my site just yet so I removed a bunch of content to show you my issue.
I have a `News` page that shows the latest 3 posts. If I have more than 3 posts, an arrow shows for you to click to see the older posts. Overall, I’m looking to use Ajax to slide in those posts when clicking the arrow instead jumping to `site.com/news/page:2`. Basically I want it to act like a slideshow when clicking the arrow. However, would it be possible to have a similar pagination like that so it’s linkable?
Does this make sense?
_Note:_ There may be some alignment issues due to not loading the webfonts in.January 27, 2013 at 5:17 am #122463
Do you mean you want the URL to change when clicking on the arrow? That would then make it linkable.January 27, 2013 at 5:23 am #122464Andy HowellsParticipant
Yes & no. Realistically you’d have to use hashbang urls – but you could use HTAccess to rewrite urls.January 27, 2013 at 6:33 am #122468
I would use `history.pushState` rather than hashbangs. That would work better with JS disabled and with linking.January 27, 2013 at 6:35 am #122469
I wrote [a tutorial on `history.pushstate` and jQuery.](http://rosspenman.com/pushstate-jquery)January 27, 2013 at 8:23 am #122476
@rosspenman @AndyHowells You’re referring to history.js?
I’m using Kirby and saw this post on their forum (see first repy) in response to your second article on this topic.
What I’m concerned about is it Ajaxing my other pages. Would I have to write an if statement to only load the script on a certain page?January 27, 2013 at 10:30 am #122482
Yup. You’d use an `if` statement to make sure it only AJAXed certain links.
Or, alternatively, make your entire site AJAX!January 27, 2013 at 10:30 am #122483
history.js isn’t necessary, but if you want better browser support, you can use it.January 27, 2013 at 11:29 am #122488January 27, 2013 at 8:57 pm #122523
What the… http://chrisburton.me/dev
Why is it loading my other pages instead of just the articles? I wrapped the articles with a div (`.ajax`) and called that in the jQuery but it’s acting as an iframe.January 28, 2013 at 9:03 am #122566
I believe what I have to do is use `.load()` instead. I assume I just use the arrow link for the URL.January 28, 2013 at 9:14 am #122570Kitty GiraudelParticipant
I’m not sure to understand your problem. If you’re simply looking for a pagination system which doesn’t bloat the URL, there are plenty of them. I personally use [jQuery Pajinate](https://github.com/wesnolte/Pajinate “jQuery Pajinate”).
However I might be off topic.January 28, 2013 at 9:36 am #122574
@HugoGiraudel I am trying to use Ajax for my blog posts. I’d like them to slide across the page (like a slideshow) when clicking the pagination arrows. I hope that makes it clearer.January 28, 2013 at 12:40 pm #122604TheDocMember
It looks like you’ve got it working now?January 28, 2013 at 4:19 pm #122647
- The forum ‘Other’ is closed to new topics and replies.