Mootools 1.1 question

dennismonsewicz · by **dennismonsewicz** on Thu Feb 25, 2010 5:58 pm

I am trying to do an AJAX call on the click of a link but for some reason I get no response, no error, no nothing.

Line number On/Off | Expand/Contract | Select all

<script type="text/javascript" src="/media/system/js/mootools.js"></script>
 
<script type="text/javascript">
    window.addEvent('domready', function() {
        $('click').addEvent('click', function(e) {
            e = new Event(e).stop();
            
            var input = $('test').value;
            var url = "http://www.myurl.com/test.php";
            var postString = 'param=' + input;
            
            new Ajax(url, {
                method: 'get',
                data: postString,
                update: $('log')
            }).request();
            return false;
        });
    });
</script>
 
<input type="text" name="test" id="test" />
 
<p>
    <a href="#" id="click">Click Me!</a>
</p>
 
<div id="log"></div>

Any ideas on why this is not working?

dudeinmo · by **dudeinmo** on Thu Feb 25, 2010 6:27 pm

Just a note...

For testing purposes, I always use the mootools source at http://ajax.googleapis.com/ajax/libs/mootools/1.1.1/mootools.js - That way I know for a fact that the library is 1.11

I just do this because some think they have one version and actually have another.

And if your not using a form to submit it then you don't need that e in the function on the event or the stop.

Line number On/Off | Expand/Contract | Select all

    window.addEvent('domready', function() {
        $('click').addEvent('click', function() {
            
            var input = $('test').value;
            var url = "http://www.myurl.com/test.php";
            var postString = 'param=' + input;
            
            new Ajax(url, {
                method: 'get',
                data: postString,
                update: $('log')
            }).request();
            return false;
        });
    });

And if you wanted to get down to brass tacks ... you don't need the Click me section

Line number On/Off | Expand/Contract | Select all

<p>
    <a href="#" id="click">Click Me!</a>
</p>

just change the addEvent to change and the selector to your test element

Line number On/Off | Expand/Contract | Select all

$('test').addEvent('change', function() {

Just my observations

dennismonsewicz · by **dennismonsewicz** on Thu Feb 25, 2010 8:44 pm

Hmmm...

Well I tried your suggestion by changing the click event to the change event and the script returned the same results

Here is my code now (I added the console.log function to make sure something was happening with the click)

Line number On/Off | Expand/Contract | Select all

 
<script type="text/javascript">
    window.addEvent('domready', function() {
        $('link').addEvent('click', function() {
            
            console.log("Hello!");
            
            var input = $('test').value;
            var url = "http://www.myrul.com/test.php";
            var postString = 'param=' + input;
            
            new Ajax(url, {
                method: 'get',
                data: postString,
                update: $('log')
            }).request();
            
            return false;
        });
    });
</script>
 
<input type="text" name="test" id="test" />
 
<p>
    <a href="#" id="link">Click Me!</a>
</p>
 
<div id="log"></div>

In Firebug I am not getting any activity posting to another page... any other ideas why this isn't working?

dennismonsewicz · by **dennismonsewicz** on Thu Feb 25, 2010 9:15 pm

Ok so I think I have figured out my problem...

I am trying to make an AJAX call to an absolute path and its not working... It works if I make a call to an internal page in my Joomla instance but does not work when I try to make a call outside of the instance...

Any ideas there?

dudeinmo · by **dudeinmo** on Thu Feb 25, 2010 10:25 pm

well, I do actuall, you should have mentioned the whole joomla thing. I'm at work now, so don't have the code, but all you have to do is use the JBase function to call your link, I just made a ajax app for my joomla/virtuemart install.

Try this:

Line number On/Off | Expand/Contract | Select all

var url = live_site +"/test.php";

or simply:

Line number On/Off | Expand/Contract | Select all

var url = "test.php";

I can't remember if this is strictly Joomla or Joomla/Virtuemart

And instead of your console log ... I usuallly just do a alert("hello") or something similar, it pops up if it works, doesn't if it doesn't. I also use firebug with firefox so I can inspect the errors my scripts throw.

dennismonsewicz · by **dennismonsewicz** on Thu Feb 25, 2010 10:46 pm

I am not a big developer inside of the Joomla environment... how would I set the variable of live_site and use it with the Jbase?

dudeinmo · by **dudeinmo** on Thu Feb 25, 2010 10:51 pm

I would just use the code as it was posted, don't have to set up that live_site or JBase and all of that, joomla should already have that going, in my code for my site, it is the later one :

Line number On/Off | Expand/Contract | Select all

 
<script type="text/javascript">
    window.addEvent('domready', function() {
        $('link').addEvent('click', function() {
           
            console.log("Hello!");
           
            var input = $('test').value;
            var url = "test.php";
            var postString = 'param=' + input;
           
            new Ajax(url, {
                method: 'get',
                data: postString,
                update: $('log')
            }).request();
           
            return false;
        });
    });
</script>
 
<input type="text" name="test" id="test" />
 
<p>
    <a href="#" id="link">Click Me!</a>
</p>
 
<div id="log"></div>

With nothing before or after the url. But, I'm calling my ajax script from a module, so I have the "/module/rcd_custom/my.php" as the url string. So if your test.php is in the root dir, the code above should work.

dennismonsewicz · by **dennismonsewicz** on Thu Feb 25, 2010 11:15 pm

Well the problem is, is that I am making an AJAX call to another site... So the data I am trying to get back is under another URL... is that even possible?

wowenkho · by **wowenkho** on Fri Feb 26, 2010 5:21 am

Cross-domain protocol says no. you may use the Request.JSONP for it, but i don't know if it's in 1.1

Mootools 1.1 question

Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Re: Mootools 1.1 question

Who is online