Salve a tutti,
sto utilizzando un semplicissimo script che mi permetta di visualizzare l'immagine di Loading su ogni chiamata Ajax.
Così ho scritto:
HTML:
CSS:
AJAX:
Funziona tutto bene, l'unico problema è lo z-index del div id="loader", viene settato automaticamente un z-index: -9999.
Come mai?
Grazie.
sto utilizzando un semplicissimo script che mi permetta di visualizzare l'immagine di Loading su ogni chiamata Ajax.
Così ho scritto:
HTML:
Codice:
<div id="loader">
<div id="loading-image"></div>
</div>
CSS:
Codice:
#loader
{
display: none;
background-image: url(../images/ajax-loader.gif);
width:32px;
height: 32px;
position: fixed;
text-align:center;
z-index:9999;
overflow: auto;
}
#loading-image {
position: absolute;
z-index: 99999;
}
AJAX:
Codice:
$.ajax
({
url: url,
type: 'POST',
data: {id: post},
success: function(data) {
jQuery("#result").html(data);
},
beforeSend: function () {
$('#loader').show().css({ 'z-index': 99999 });
},
complete: function () {
$('#loader').hide();
}
});
Funziona tutto bene, l'unico problema è lo z-index del div id="loader", viene settato automaticamente un z-index: -9999.
Come mai?
Grazie.