Inside #about_desctriptioncontent you can add another div which you
will fade in :)
On Mar 9, 10:39 pm, "Arak Tai'Roth" <nielsen.dus...@gmail.com> wrote:
> Well it looks like I got it all working. Now I just need to figure out
> how to add some kind of effect to it. If anyone has any advice on
> that, that would be perfect.
>
> On Mar 9, 11:43 am, "Arak Tai'Roth" <nielsen.dus...@gmail.com> wrote:
>
> > So I completely revamped the code in my ajax file to this:
>
> > window.addEvent('domready', function()
> > {
> > $('ajax_replace').addEvent('click', function(event)
> > {
> > event.stop();
>
> > var req = new Request(
> > {
> > method: 'get',
> > url: $('ajax_replace').get('href'),
> > data: { 'do' : '1' },
> > onComplete: function(response)
> > {
> > $('about_descriptioncontent').set('html',
> > response);
> > }
> > }).send();
> > });
>
> > });
>
> > It now kinda works. I had an onRequest portion in there and that was
> > triggering, and the content was changing, it was incredibly messed up
> > (ie. wasn't outputting what I was expecting it to). However this only
> > works for the first of my links, the other ones don't do anything at
> > all.
>
> > On Mar 9, 11:25 am, "Arak Tai'Roth" <nielsen.dus...@gmail.com> wrote:
>
> > > I don't want to do a simple GET request, I do want this as AJAX,
> > > that's just the code I found. I am extremely new to MooTools, never
> > > used it before this, in addition I am new to using AJAX period.
>
> > > One thing I just realized and am slightly confused about. With the
> > > code $('ajax_replace) I am under the understanding that I am
> > > referencing the element id = ajax_replace. However I have multiples of
> > > those on this page, 4 right now, likely more later once I have this
> > > working. How does it know which one to add the event too (I want it
> > > added to all of them) and how does it know which one to get the URL
> > > from?
>
> > > I am assuming it doesn't know, and might be the reason why things
> > > aren't working.
>
> > > On Mar 9, 11:06 am, mark_story <mark.st...@gmail.com> wrote:
>
> > > > Well I would start with seeing if the Selector is working? does the
> > > > click event even fire? I use mootools quite often, and there is
> > > > nothing in cake that prevents you from doing so. Why aren't you just
> > > > using Element.load() instead? If you only want to do a simple GET
> > > > request, I would just do
>
> > > > window.addEvent('domready', function() {
> > > > $('ajax_replace').addEvent('click', function(event) {
> > > > event.stop();
> > > > $('about_descriptioncontent').load(this.get('href'));
> > > > }
>
> > > > });
>
> > > > Or you can keep your existing code, but you may want to prevent the
> > > > default browser action anyways. As you won't see the ajax result, as
> > > > the default action will still happen.
>
> > > > -Mark
>
> > > > On Mar 9, 12:03 pm, "Arak Tai'Roth" <nielsen.dus...@gmail.com> wrote:
>
> > > > > Also considering I am using multiple links I tried this as well:
>
> > > > > url: $$('a.ajax_replace').get('href'),
>
> > > > > and
>
> > > > > $$('a.ajax_replace').addEvent('click', function()
>
> > > > > and then changing the id's to classes. I was thinking this might work,
> > > > > but alas, it did not either.
>
> > > > > On Mar 9, 9:19 am, "Arak Tai'Roth" <nielsen.dus...@gmail.com> wrote:
>
> > > > > > Yea, I'm sorry, I had fixed that problem a little while ago, that
> > > > > > isn't the solution to the problem, it's still not working, and the
> > > > > > page is still trying to load instead of working via AJAX.
>
> > > > > > This is my code for the buttons I am making if that makes a
> > > > > > difference.
>
> > > > > > echo $html->link($html->image('/img/about/uploads/thumb.small.' .
> > > > > > $links['About']['picture'], array('alt' =>
> > > > > > $links['About']['name'])),
> > > > > > '/about/view/' . $links['About']['id'], array('id' =>
> > > > > > 'ajax_replace'),
> > > > > > false, false)
>
> > > > > > I'm not so sure the problem is with the javascript, I mean it
> > > > > > totally
> > > > > > could be, however I have found a few AJAX tutorials in MooTools, and
> > > > > > the code I have is relatively copied. However I have found no
> > > > > > tutorials anywhere regarding using MooTools AJAX with CakePHP, so
> > > > > > what's really bothering me is the setting up the controller and how
> > > > > > the associated view(s) should be set up.
>
> > > > > > On Mar 9, 3:10 am, r4zv4n <razvanbra...@gmail.com> wrote:
>
> > > > > > > Hi,
>
> > > > > > > The fact that the page is loading instead of the Ajax request
> > > > > > > being
> > > > > > > sent should signal that there's an error in your JS (if it were a
> > > > > > > Cake
> > > > > > > err, you would have had weird responses).
>
> > > > > > > Upon closer inspection, here is the problem:
>
> > > > > > > $('ajax_replace').addEvent('click', function(
> > > > > > > {
> > > > > > > req.send();
> > > > > > > });
>
> > > > > > > ..should actually be:
>
> > > > > > > $('ajax_replace').addEvent('click', function()
> > > > > > > {
> > > > > > > req.send();
> > > > > > > });
>
> > > > > > > (you simply missed a closing parenthesis)
>
> > > > > > > Tip: use Firefox with FireBug - you would have seen the error
> > > > > > > sooner ;)
>
> > > > > > > On Mar 9, 12:36 am, "Arak Tai'Roth" <nielsen.dus...@gmail.com>
> > > > > > > wrote:
>
> > > > > > > > I tried that, and removed my autoRender and exit() lines and
> > > > > > > > added in
> > > > > > > > $this->render(index); It didn't work.
>
> > > > > > > > The page is still loading, which it shouldn't be with an AJAX
> > > > > > > > request
> > > > > > > > as far as I know.
>
> > > > > > > > In addition I added a $this->Session->setFlash('message');
> > > > > > > > inside the
> > > > > > > > isAjax() if statement and it doesn't pop up.
>
> > > > > > > > I should also say that I have multiples of these links
> > > > > > > > ('ajax_replace'), not just one, if that makes a difference.
>
> > > > > > > > As well, I have two views right now, I have my index.ctp view
> > > > > > > > which is
> > > > > > > > displaying the links and the first content that comes up (a
> > > > > > > > picture
> > > > > > > > and some text), then I have my vew.ctp which currently is only
> > > > > > > > holding
> > > > > > > > the content that I want to show where the current picture and
> > > > > > > > text is.
> > > > > > > > So I'm not entirely sure if I even have this setup correctly.
>
> > > > > > > > On Mar 8, 3:17 pm, "Websta*"
> > > > > > > > <subscripti...@webprogression.co.nz>
> > > > > > > > wrote:
>
> > > > > > > > > Assuming your request is running - and i can see no reason
> > > > > > > > > why it
> > > > > > > > > wouldnt as long as you have the correct html elements in use
> > > > > > > > > then i
> > > > > > > > > suspect your problem lies here:
>
> > > > > > > > > $this->autoRender = false;
> > > > > > > > > exit();
>
> > > > > > > > > By doing this your teling your controller not to render after
> > > > > > > > > the
> > > > > > > > > action, and then your exiting so nothing at all gets output.
>
> > > > > > > > > So either get rid of those lines altogether or if you want to
> > > > > > > > > forcibly
> > > > > > > > > render a specific view replace it with $this->render(myView);
>
> > > > > > > > > hth
>
> > > > > > > > > Paul
>
> > > > > > > > > On Mar 8, 6:09 pm, "Arak Tai'Roth" <nielsen.dus...@gmail.com>
> > > > > > > > > wrote:
>
> > > > > > > > > > I am trying to update a div via ajax, however I am using
> > > > > > > > > > MooTools, and
> > > > > > > > > > not the normal Prototype and Scriptaculous.
>
> > > > > > > > > > Here is the code that I have in my controller:
> > > > > > > > > > function view($id)
> > > > > > > > > > {
> > > > > > > > > > if ($this->RequestHandler->isAjax())
> > > > > > > > > > {
> > > > > > > > > > $dbabout =
> > > > > > > > > > $this->About->find('first', array(
> > > > > > > > > > 'conditions' =>
> > > > > > > > > > array(
> > > > > > > > > > 'About.id'
> > > > > > > > > > => $id
> > > > > > > > > > ),
> > > > > > > > > > 'fields' => array(
> > > > > > > > > > 'About.id',
> > > > > > > > > > 'About.name', 'About.picture', 'About.description'
> > > > > > > > > > )
> > > > > > > > > > ));
> > > > > > > > > > $this->set('dbabout',
> > > > > > > > > > $dbabout);
>
> > > > > > > > > > Configure::write('debug',
> > > > > > > > > > 0);
> > > > > > > > > > $this->autoRender = false;
>
> > > > > > > > > > exit();
> > > > > > > > > > }
> > > > > > > > > > else
> > > > > > > > > > {
> > > > > > > > > > $this->redirect('/about/');
> > > > > > > > > > $this->exit();
> > > > > > > > > > }
> > > > > > > > > > }
>
> > > > > > > > > > and then my ajax:
> > > > > > > > > > window.addEvent('domready', function()
> > > > > > > > > > {
> > > > > > > > > > var req = new Request.HTML(
> > > > > > > > > > {
> > > > > > > > > > url: $('ajax_replace').get('href'),
>
> > > > > > > > > > onSuccess: function(html){
> > > > > > > > > >
> > > > > > > > > > $('about_descriptioncontent').adopt(html);
>
> ...
>
> read more »
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"CakePHP" group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~----------~----~----~----~------~----~------~--~---
