ansaurus

Question

Prototype Ajax.Updater not working correctly with delay

Answer 1

A:

Why don't you just wrap the thing in a setTimeOut call. Thus delaying the ajax request instead of delaying the displaying. Which is btw excatly what the prototype delay function does

But

new Ajax.Updater.delay(2, 'feedback', 'contact.php', {
    method: 'post',
    parameters: Form.serialize($('contactForm')),
    onFailure: reportError
});

should also work

jitter 2009-06-15 11:37:24

I tried to wrap the thing into a setTimeout call without succes.The point is: the Ajax.Updater is within a chain and the displaying itself has to be delayed.Prototype's delay function as an argument would be the nicest option and I also tried it at first but Firebug gives me this error:__method.apply is not a function[Break on this error] return __method.apply(__method, args);

richard 2009-06-15 12:36:09

Answer 2

A:

I give it another try.

Change

echo("Thanks for your message $_POST['Name']!");

to

echo("Thanks for your message ".$_POST['Name']."!");

and try again.

And make sure you have implemented the reportError function you pass in here

onFailure: reportError

e.g.

function reportError(request){alert('Shit happens!');}

jitter 2009-06-15 12:00:47

Does not work :( reportError is defined

richard 2009-06-15 12:37:33

Did you also try the different echo variant I suggested?

jitter 2009-06-15 12:49:09

And is reportError called?

jitter 2009-06-15 12:51:16

I tried the echo variant but there is no difference. reportError is not called. Thanks for your help

richard 2009-06-15 12:55:16

Answer 3

A:

Ok last try on this one. This works for me and does what you want

My html-file

<html>
    <head>
        <title>asd</title>
        <script type="text/javascript" src="src/prototype.js"></script>
        <script type="text/javascript" src="src/scriptaculous.js"></script>
     <script type="text/javascript">
      var feedback = function() {
       var params = Form.serialize($('contactForm'));
          new Ajax.Updater('feedback', 'contact.php', {
        method: 'post',
              parameters: params,
              onFailure: reportError,
        asynchronous:true
          });

       new Effect.Highlight('feedback', {
        duration: 1
       });
      }
      function reportError(request) { alert("error");} 

     </script>
    </head>
    <body>
     <form id="contactForm">
      <p>Name:<br><input name="Name" type="text" size="30" maxlength="30"></p>
      <input name="sendbutton" type="button" value="Send" onClick="feedback.delay(1.5);">
     </form>
     <div id="feedback">foo</div>
    </body>
</html>

My contact.php

<?php
echo("Thanks for your message ".$_POST['Name']."!");
?>

and using the js files from here

jitter 2009-06-15 13:23:57

ansaurus

tags:

views:

answers:

Prototype Ajax.Updater not working correctly with delay

related questions