Superb script.
The only thing I’m struggling with, is that the script allows for merely 1 link.
I’d like to be able to accomodate an infinite amount of links with this great AJAX-script.

What I mean; the concent which is loaded depends on which link a person clicked :).

thnx in advance!!

auch – my reply got transformed…

The line ajax content here… should look like this:

<div class=”ajax” title=”http://mydomain.com/ajax/page1.html”>ajax content here…</div>

The function “updateContent” takes two arguments. The first is the div id ie. ajax placeholder and the second is the url where the data is loaded from. Do to the nature of my setup I just specify the last part of the url – so what you could do here is to change the code to take a full url.
So look at the method updateContent and change it to something like:

function updateContent(placeholder, page) {
var req = new Request.HTML({
method: ‘post’,
async: true,
url:page,
// Show ajax loder gif prior to request
…

Ie. just pass the page parameter as the ajax url.

But if you want to make things really sweet just have a definition like

ajax content here…

and then loop over all elements with class=”ajax” and grap the title (which is a url) and load that into the div. This is sweet and makes things so much easier.

I see you have something like this in your earlier comment to this post but I cannot quite sort the bits you provided. Could you tell me what I have to change in the mootools code, which is the JS defining the function, and what the function looks like?

Thanks a lot, I am trying my best but I am not too good at JS yet. Hence the working with the framework.

Stephen

@Morten Slott Hansen:

I’m currently moving towards jquery as it seems that mootools is going nowhere these days…

I would appreciate the help a lot!

Thanks, Stephen

I’m working with Request.HTML , but there is a problem in ie7 when content is loaded asynchronously click events dblclick, etc. does not work.

I searched the web but not found a solution, here I leave a link to work correctly with ie8, firefox but not ie7.
http://n2.nabble.com/AJAX-problem-in-IE-with-onclick-event-td725779.html (description)
http://www.flitsit.nl/mootools-ajax/ (problem)

In advance thank you very much.

Anyway I found where is problem. If you use your code and have only one of thid two ids but don’t have one of them javascript will not work.

In my case I have js file with 4 different id, but if on page don’t have one of them, nothing work.

Is possible to add some code to javascript work even if don’t found one of id ?

Thanks

On first click everything for great:

pager.php?start=10 id->clicker >

Now in pager.php it again generate this link

pager.php?start=20 id->clicker >

but clicking on link that is generated in pager.php, ajax request not working anymore and it just normal open pager.php

Any idea?

Thanks