Stumbled upon this trying to figure out exactly WHY Request.HTML should be preferred over Request. The mootools documentation states that Request.HTML is “specifically made for receiving HTML”, but the only difference I can find is that the returns are different in the onSuccess event.

I prefer knowing “why” I am choosing one method over the other, thanks :)

$$(‘.tool_tips1′).each(function(el)
{

var hidden_el = el.getNext(‘input’);

console.log(“id :”+hidden_el);
var value = hidden_el.getProperty(‘value’);
el.store(‘tip:title’,value);
el.store(‘tip:text’,”);
});

It works fine in FireFox but gives error in IE8.
Error is :
Object doesn’t support this property or method mootools-core-1.3.js, line 382 character 30

Its printing the “this is show event” means onShow is working . The error comes when I mouseout the element . Before firing the onHide event it gives this error.

Please send me the reply if you find the bug.
Thanks,
Tripti

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