[Ajax/Jquery] Z-index su loading-image

felino

Utente Attivo
12 Dic 2013
929
10
18
Aci Catena (Catania)
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:
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
L Problema jQuery validation AJAX (PHP 7) PHP 6
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
X Problema con jquery e ajax jQuery 2
localhost.nicola [AJAX-JQUERY] Ritornare true||false in base alla risposta ricevuta da success: di $.ajax() Ajax 1
F Jquery Ajax Datatable jQuery 1
S Eseguire funzione jquery all'interno della risposta ajax Ajax 0
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
MarcoGrazia jquery ajax manda richieste in quantità arbitraria jQuery 3
C autologin jquery ajax Javascript 0
W Jquery ajax non funziona jQuery 1
G Invio caratteri speciali tramite jquery/ajax Javascript 1
G Invio caratteri speciali tramite jquery/ajax Ajax 1
B jQuery mobile e più form ajax jQuery 1
P php jquery ajax per modificare valore in un databe Ajax 1
G jquery ajax e variabili Ajax 0
S multi request ajax con jquery jQuery 2
P [RISOLTO] Passaggio parametri in JQuery/Ajax Ajax 4
F gallery jquery-ajax Javascript 0
S Gallery con Tag foto: problema doppia chiamata ajax con JQuery jQuery 2
L verifica mail in db con jquery e ajax. Aiuto jQuery 9
Emix Problema nel concatenare jquery ed ajax nella stessa pagina Javascript 15
P Tornare indietro con Ajax Jquery Ajax 4
P Ajax jquery inserire un loader per motore di ricerca Ajax 2
P problema validazione form con ajax e jquery Ajax 0
T Problema con Jquery ajax jQuery 4
D Problema nella validazione di un form con JQUERY ed AjAX jQuery 4
G jQuery ajax complete jQuery 1
S problemi jquery ajax chiamare una pagina php Ajax 5
P problema jQuery/ajax Ajax 4
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
P [Ajax, python e JS] Redirect dopo una POST con jquery jQuery 0
L Da Jquery 1.4 a 1.5/1.6 funzione ajax jQuery 1
M Mappa interattiva con jquery ajax e php. jQuery 0
J How to create AJAX Notifications with jQuery jQuery 0
V [JQuery] Aiuto per funzione Ajax jQuery 0
lukeonweb Corso Corsi javascript, jquery e ajax Javascript 2
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
E Php select option e ajax PHP 23
Emix Select concatenate php sql ajax PHP 2
MarcoGrazia Valori di ritorno json via ajax non visti. jQuery 1
felino ASP.net MVC: Exception e chiamata AJAX ASP.NET 1
motleyrulez Ricerca filtro con Ajax PHP 1
max1974 Grafico Ajax Javascript 4
max1974 Struttura $.ajax Ajax 7
C la chiamata ajax non ritorna alcun dato Ajax 1
max1974 Lettura Risultato $.ajax Javascript 1

Discussioni simili