+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

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

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,786
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

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

    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.

  2. #2
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,786
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Risolto prima del previsto, scusatemi, c'è un altro JS con su Windows Ready al div id="loader" aggiungeva lo z-index a -9999.

    Grazie!

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.