Dial, Please creat a mootools shell (http://mootools.net/shell/) with your code, it will 10 times easier for us to help you. It's super simple youll see.
The code looks fine, but i cant run it so its hard to find the problems and give you the fix. -- Fábio Miranda Costa Solucione Sistemas Engenheiro de interfaces On Thu, Feb 11, 2010 at 2:57 PM, Dial <[email protected]> wrote: > This is the main calling page. I assume I need to include the jquery > library and flot library on this page as well? Its currently making > the call to the page(seen in firebug) but does not display anything. > 24hr is the jquery/flot page. Im a bit confused what I need to wrap > the function around. > > <script type="text/javascript" > src="../js/jquery-1.3.2.js"></script> > <script type="text/javascript" > src="../js/flot/jquery.flot.js"></ > script> > > <script src="../js/mootools-1.2.4-core-jm.js" type="text/ > javascript"></script> > <script type="text/javascript"> > window.addEvent('domready', function(){ > var $ = document.id; > > var result = $('result'); > var req = new Request.HTML({ > method: 'get', > evalScripts: false, /* this is the default > */ > evalResponse:false, > onSuccess: function(responseTree, > responseElements,responseHTML, responseJavaScript){ > > result.set('html',responseHTML); > $exec(responseJavaScript); > }, > onFailure: function() {result.set('text', > 'The request > failed.');}, > onComplete: function() {console.log('ajax > complete!')} > }); > $('makeRequest').addEvent('click', function(e){ > e.preventDefault(); > req.send({url: > $('makeRequest').get('href')}); > this.removeEvent('click'); > }); > $('24hr').addEvent('click', function(e){ > e.preventDefault(); > req.send({url: $('24hr').get('href')}); > this.removeEvent('click'); > }); > > }); > </script> > > > > On Feb 10, 4:59 pm, Fábio M. Costa <[email protected]> wrote: > > The mootools $ function might be the current $ dollar function, so your > > chart plugin thinks that $ is the jQuery function/object, and it wont > work. > > > > You dont need noConflict anymore. > > > > You can include jQuery before mootools and use document.id() instead of > $() > > for the mootools scripts. > > $ will be the jQuery object. > > > > If your mootools script uses the $ function in too much places you can > still > > create a closure around your mootools code and mirror document.id to be > the > > dollar function like this: > > > > (function($){ > > > > // your moootools code using $ as the normal $ function > > > > })(document.id); > > > > -- > > Fábio Miranda Costa > > Solucione Sistemas > > Engenheiro de interfaces > > > > On Wed, Feb 10, 2010 at 7:38 PM, Dial <[email protected]> wrote: > > > This worked out great. Now Im kicking it up a notch. I have a page > > > that uses FLOT ( jQuery chart library ). I converted that page to use > > > the jQuery.noConflict();. When I call the page everything works > > > except the graph does not plot. > > > > > Any ideas? > > > > > On Feb 8, 11:21 am, Fábio M. Costa <[email protected]> wrote: > > > > your not calling the method send. > > > > > > use send(); > > > > > > Still you shouldnt be creating a request per each click of the mouse. > > > > > > look here, if it doenst work, just tell us. > > > > > >http://mootools.net/shell/r44fJ/ > > > > > > -- > > > > Fábio Miranda Costa > > > > Solucione Sistemas > > > > Engenheiro de interfaces > > > > > > On Mon, Feb 8, 2010 at 3:00 PM, Dial <[email protected]> wrote: > > > > > I am currently having issues with ajax and populating a div. I > have > > > > > some pages that have ajax calls in them to create charts or pull > data > > > > > from a database to create the page. I want to have one page that > use > > > > > click/href events to populate a div on the main page. > > > > > > > Now here is my problem. The javascript that is on these other > pages > > > > > does not fire to populate the pages, but the static html does come > > > > > back from the request. Ive tried to do this a couple different. I > > > > > have seen this work when requesting a static page, but just not a > > > > > dynamic one. Any help would be great. > > > > > > > <script src="../js/mootools-1.2.4-core-jm.js" > > > type="text/ > > > > > javascript"></script> > > > > > <script type="text/javascript"> > > > > > > > window.addEvent('domready', function(){ > > > > > $('makeRequest').addEvent('click', > > > > > function(e){ > > > > > e.stop(); > > > > > var req = new Request.HTML({ > > > > > //url: ' > > > > >http://167.76.44.21:8080/maint/spwhodo.html', > > > > > url: > > > > > $('result').get('href'), > > > > > method: 'get', > > > > > evalScripts: false, > /* > > > this > > > > > is the default */ > > > > > evalResponse:false, > > > > > onSuccess: > > > > > function(responseTree, responseElements, > > > > > responseHTML, responseJavaScript) > > > > > { > > > > > alert(responseJavaScript); > > > > > > > $('result').set('html',''); > > > > > > > $('result').set('html',responseHTML); > > > > > > > $exec(responseJavaScript); > > > > > }, > > > > > onFailure: > function() > > > > > {$('result').set('text', 'The request > > > > > failed.');}, > > > > > onComplete: > function() > > > > > {console.log('ajax complete!')} > > > > > }).send; > > > > > > > > $('makeRequest').removeEvent('click'); > > > > > }); > > > > > }); > > > > > </script> > > > > >
