"please wait" ajax

[Reiko81]

Siccome ho un form che deve inoltrare dati pesanti (video), volevo far comparire un messaggio nell'attesa del caricamento.
Ho fatto così:

 <script type="text/javascript">
var ray={
ajax:function(st)
	{
		this.show('load');
	},
show:function(el)
	{
		this.getID(el).style.display='';
	},
getID:function(el)
	{
		return document.getElementById(el);
	}
}
</script>
<style type="text/css">
#load{
position:absolute;
z-index:1;
border:5px double #999;
background:#fff;
width:214px;
height:138px;
margin-top:-150px;
margin-left:-150px;
top:50%;
left:50%;
}
</style>
<div id="load" style="display:none;">[img]../../immagini/waiting.gif[/img]</div>

Fin qui tutto ok, funziona perfettamente!
Ho solo un quesito: si può fare in modo che gli utenti non siano abilitati a cliccare o scrivere nella pagina mentre c'è il "waiting"?

[cavicchiandrea]

Tra la pagina e l'immagine (sfruttando zIndex) interponi un div che coprirà tutta la pagina (tipo lightbox) che mondarai simultaneamente con l'immagine.