• User Attivo

    Problema css e visualizzazione layer

    Ciao a tutti.

    Ho questo tipo di problema.
    Ho un bottone con un effetto tipo caricamento.
    In pratica al click, si vede una gif animata, in caso contrario non si vede.
    Ecco il mio problema è che al primo click funziona. se finita l'animazione faccio nuovamente click non si vede.
    Mi date una manina? Dove sbaglio?

    ecco il mio codice:
    [PHP]
    <script>
    $j(document).ready(function(){
    $j("button.acque-add-to-cart-button").click(function(){

                    $j("#processing_button").css("display","block");
                
    
                setTimeout(function() {
                    $("#processing_button").hide()}, 3000);
                    });
                });
    

    </script>

    <button type="button" title="<?php echo $buttonTitle ?>" class="acque-add-to-cart-button" onclick="productAddToCartForm.submit(this)">
    <div id="processing_button" style="display: none; width:40px; float:left;height:40px;position:relative; left:30px;"><img src="<?php echo $this->getSkinUrl(); ?>images/stereo/processing.gif" height="30px"></div>
    <div style="width:200px;float:right; height-align:middle;height:40px;top:10px;position:relative;right:100px;right:20px;"<span>Acquista</span>
    </button>

    [/PHP]

    Grazie 1000!
    Ale


  • Moderatore

    Non ho avuto modo di testarlo, ma prova così:

    <script>
        $(document).ready(function(){
            $("button.acque-add-to-cart-button").click(function(){
                $("#processing_button").show();
                
                setTimeout(function() {
                    $("#processing_button").hide();
                }, 3000);
            });
        });
    </script>
    
    
    <button type="button" title="<?php echo $buttonTitle ?>" class="acque-add-to-cart-button">
    <div id="processing_button" style="display: none; width: 40px; float:left; height: 40px; position: relative; left: 30px;"><img src="<?php echo $this->getSkinUrl(); ?>http://www.giorgiotave.it/forum/images/stereo/processing.gif" height="30px"></div>
    <div style="width:200px;float:right; height-align:middle;height:40px;top:10px;position:relative;right:100px;right:20px;"<span>Acquista</span>
    </button>
    

  • User Attivo

    Avevo provato anche io con show (). Funziona ma non cambia niente.