sábado, 16 de maio de 2015

Modal de sucesso com timer de 2 segundos

<!-- inicio modal de sucesso para 2 segundos -->
    <?php if(isset($_GET['sucesso'])){?>
<script type="text/javascript">
    $(window).load(function(){
        $('#nome_modal').modal('show');
    });
</script>
<div class="modal fade" id="nome_modal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">Modal title</h4>
                    </div>
                    <div class="modal-body">
                        <p>One fine body...</p>
                    </div>
                    <div class="modal-footer">
                        <a class="btn btn-block btn-lg btn-link" data-toggle="modal">Save changes</a>
                    </div>
                </div>
            </div>
        </div>
<script>
            setTimeout(function(){
              $('#sucesso').modal('hide')
            }, 2000);
        </script>
<?php }?>
 <!-- fim modal de sucesso -->

Sem comentários: