Der Inhalt dieser Textbox soll mit AJAX geändert werden.
Stylesheet
body.progress,body.progress *{
cursor:progress;
}
Mootool Code
var myAjax = new Ajax(
'../x-files/html.php',{
method: 'get',
data:'id='+$('ajaxID').getValue(),
onRequest: function(){
$$('body')[0].addClass('progress');
},
onComplete:function(){
$$('body')[0].removeClass('progress');
},
update: $('ajaxMsg')
});
myAjax.request();
In diesem Beispiel habe ich gefuscht, um den Beispiel Code etwas übersichtlich zu halten:
Die Klasse progress wird erst nach einer Verzöerung von 500 Milisekunden entfernt.