Asset listing page - without refreshing whole page

Squiz Matrix Support
1

I have used a what's new asset listing page as nested content on my homepage to show the latest articles on my site.


I have one article summary listed per asset listing page and then used pagination keywords to go to the next.

When clicking to the next page of the asset listing it refreshes the whole homepage each time.



I need the asset listing to work as an asynchronous component, is that possible?



I have written the javascript, but not sure how to apply it.

2

I don't know how to do it (no javascript or ajax skills here sadly) but would also love to be able to!

3

[quote]I have used a what's new asset listing page as nested content on my homepage to show the latest articles on my site.


I have one article summary listed per asset listing page and then used pagination keywords to go to the next.

When clicking to the next page of the asset listing it refreshes the whole homepage each time.



I need the asset listing to work as an asynchronous component, is that possible?



I have written the javascript, but not sure how to apply it.[/quote]



Sure, you could easily load the page in through AJAX. I would recommend using jQuery for this as it will make things much easier. Check out the jquery documentation for examples. I don't have any code handy from our system, but we have done this many times. Let me know if you need a code example.

4

Ooo, I already have jQuery going as it was suggested here earlier; I will have a look around and try and figure it out myself… may request code example if I hit a wall. :slight_smile:

5

One thing to be aware of is, that when you nest your asset listing, your next and previous buttons will get the correct URLs which point to our asset listing. This is what you want. BUT, when you load the next page of your asset listing using ajax, it won't know what the URL is to your asset listing, and will make that link a relative link, effectively breaking the correct path to the next and previous buttons. So, you are going to have to do some work with js to rewrite the URLs each time they are loaded, using the js split function and adding back in the full URL path to both links each time the asset listing is reloaded. (I will be talking about this exact thing at MMIUC2008 in context of a Calendar Page which I use to refresh months using ajax)

It sounds complicated, and takes a little work, but in the end, it DOES work. :)
6

Would an iFrame not do the trick?
http://www.w3.org/TR/REC-html40/present/frames.html

7

[quote]Would an iFrame not do the trick?
http://www.w3.org/TR/REC-html40/present/frames.html[/quote]



Yes, it would work. But it would not be as fun as ajax. :slight_smile:

8

Thanks for your help!


As a newbie, I've chosen to use iFrames for this.



I'm trying to add the frameset tags to my design parse file…am I in the right place?

Is there any example code of how to include MySource tags for nested content to a frame tag? :unsure:

9

[quote]Thanks for your help!


As a newbie, I've chosen to use iFrames for this.



I'm trying to add the frameset tags to my design parse file…am I in the right place?

Is there any example code of how to include MySource tags for nested content to a frame tag? :unsure:[/quote]



You wouldn't use frameset for this, rather, iframe.


Then just use a little css to give it the height and width that you want.
10

I've always assumed that iframes are being phased out along with frames… or is this not the case?


I do use them on my site for Google maps but are they on the way out?

11

[quote]I've always assumed that iframes are being phased out along with frames… or is this not the case?


I do use them on my site for Google maps but are they on the way out?[/quote]



I think iframes are still used for a lot of things. I would not recommend using them all the time, but they have their uses.



I use them in our ajax Simple Edit, and they are extremely helpful.

12

Thanks - that worked well! …after I remembered to add target="_top" to the links in the iFrame :stuck_out_tongue:

13

if you wait a few months (once more people install it) Google Chrome seems to render pages as if they have ajax - so if you have header/nav graphics/elements they dont seem to refresh as you move through the site. its a nice effect for little dev effort on our side :slight_smile: