Io per gestire le richieste AJAX e altri "cosette" in Notes utilizzo il framework YUI (http://developer.yahoo.com/yui). Tramite YUI è possibile fare quello che chiedi utilizzando alcune delle sue librerie. In particolare il codice javascript potrebbe essere una cosa tipo la seguente:
[I]
var callback = {
success:function(o) {
document.getElementById("FILTER").innerHTML = o.responseText;
YAHOO.global.bloki.wait.hide();
},
failure : function(o) {
document.getElementById("FILTER").innerHTML = o.responseText;
document.getElementById("FILTER").innerHTML = "Connection FAILED!";
YAHOO.global.bloki.wait.hide();
}
};
YAHOO.global.bloki.wait.show();
var transaction = YAHOO.util.Connect.asyncRequest(\'GET\', url, callback);
[/I]
Qualche commento. L\'oggetto YAHOO.global.bloki è definito in questo modo:
[I]
YAHOO.namespace("global.bloki");
YAHOO.global.bloki.wait = new YAHOO.widget.Panel("wait",
{ width:"240px",
fixedcenter:true,
close:false,
draggable:false,
modal:true,
visible:false
}
);
YAHOO.global.bloki.wait.setHeader("Loading, please wait...");
YAHOO.global.bloki.wait.setBody(\'<img src="\' + baseURL + \'/rel_interstitial_loading.gif" />\');
YAHOO.global.bloki.wait.render(document.body);
[/I]
Il codice crea una piccola finestra al centro dello schermo con una gif che simula il caricamento. Il pannello di caricamento viene abilitato YAHOO.global.bloki.wait.show() prima di fare la chiamata AJAX e successivamente viene disabilitato YAHOO.global.bloki.wait.hide()
Denis Cappellin
|