Mootools equivalent for jQuery ajax request

[asle]

Hi,
Joomla! 1.5.7
I am a bit lost with MooTools since I have worked mainly with jQuery. If I load jQuery (with JDOC) I get this error:
js error:el.set is not a function on mootools.js line 23 - and Accordion Menu (mootools) does not work anymore.

I feel that I will have to ditch jQuery for MooTools but that is sad. I want to work with Joomla but I am only confident with jQuery. Anyway - is there a way to do this in MooTools?
- Get the "rel" value of the link and send it to an external page. Fill the result in div "detail". This is jQuery working:

Code: Select all

$(document).ready(function() {
$(".detail").click(function(){
  var did = $(this).attr("rel");
  $.post("/code/getDetails.php", {id:did}, function(data){
		 $("#detail").html(data);
	});
    });
});

HTML:
<div id="detail"</div>
<a href="#" rel="123">Product link</a>
<a href="#" rel="678">Product link</a>
<a href="#" rel="256">Product link</a>

Glad for any ideas!
/asle

[roba121]

if you want to use mootools and jquery together you need to use jquerys no conflict mode.

Before you run your code and just after you include the jquery.js do this

$j = jQuery.noConflict();

then replace all the $ with $j in your jquery code and you should be good.

Hth

Rob

[pollen8]

Code: Select all

var myAjax = new Ajax('/code/getDetails.php',
   		{
   			'data':{
   			'id':did
   			},
   			'onComplete':function(data){
   				$("detail").setHTML(data);
   			}
   		});

document.addEvent('domready', function(){
   document.getElements(".detail").addEvent(function(e){
      var event = new Event(e);
      event.stop();
      var did = $(event.target).rel;
      myAjax.options.data.id = did;
      myAjax.request();
   });
});

[asle]

Thanks Rob for your suggestion.
I get an error: ".. did is not defined" on
var myAjax = new Ajax('/code/getDetails.php',
{
'data':{
'id':did{
So I tried to put everything inside
document.addEvent('domready', function(){
- Still nothing happens. No errors and nothing in FireBug.
/asle

[pollen8]

perhaps replace

'data':{
'id':did
}

with

'data':{}