Prototype: Spinner während des Ladens

Lade den Artikel mit der ID

Der Inhalt dieser Textbox soll mit AJAX geändert werden.

loading.gif

Auf ajaxload.info kann man sich passende Spinner erzeugen.

Prototype Code

new Ajax.Request('../x-files/json.php', {
method:'get',
parameters:'id='+$F('ajaxID'),
onCreate:function(){
$('ajaxMsg').innerHTML = "<div id='spinner' class='feedback_spinner'></div>";
},
onComplete: function(transport) {
var json = transport.responseJSON
var out = json.title + json.body;
new PeriodicalExecuter(function(timer) {
timer.stop();
$('ajaxMsg').innerHTML = out;
}, 0.5);
}
});