ansaurus

Question

Autosaving Form Input Using Prototype and PHP

Answer 1

+1 A:

you could just use Ajax.Request with setinterval,something like this:

document.observe("dom:loaded", function() { 
    intervalID = window.setInterval("autosave()",500);
});

function autosave() {
    new Ajax.Request('autosave.php', 
    { 
     method: 'post',
     parameters: {id: $('id').value, save_text: $('myInput').value},
    });
}

seengee 2009-09-15 10:52:22

Answer 2

A:

send me full code

Vikas 2010-02-10 08:10:38

Answer 3

A:

Ajax.Request is the right move, but why not make it more reusable If you just have one input, or even if you had many I'd advise something like:

<form action="/user/4" method="post">
  <input type="text" name="user[name]" value ="John" class="_autosave" />
  <input type="hidden" name="user[id]" value ="4" class="uid"/>
  <input type="submit" />
</form>

...

$$('input._autosave').each(function(s){
  s.observe("change", function(event){
    var el = event.element();
    var uid = el.next("uid").value;
    var r = new Ajax.Request(el.up("form").readAttribute("action"),{
      parameters: {el.readAttribute("name"): el.value},       
    });
  });
});

arbales 2010-02-10 08:35:33

Answer 4

A:

Just place your periodical updater in dom:loaded event. It is used to ensure that all components have been loaded, better than using window.onload event. Just remember, that there is a little bit different between dom:loaded event and native window.onload event, where dom:loaded called when all dom loaded except images and window.onload called when all dom loaded including images file.

document.observe("dom:loaded", function() { 
     new Ajax.PeriodicalUpdater('save_message', 'autosave.php', { 
          method: 'post',
          parameters: {id: $('id').value, save_text: $('myInput').value},
          frequency: 5,
          decay: 2
     });
});

iroel 2010-08-29 09:54:23

ansaurus

tags:

views:

answers:

Autosaving Form Input Using Prototype and PHP

related questions