Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854

    [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 bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854
    Risolto prima del previsto, scusatemi, c'è un altro JS con su Windows Ready al div id="loader" aggiungeva lo z-index a -9999.

    Grazie!

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.