codeIgniter Javascript alert con il messaggio di successo, fare clic su ok refresh della pagina

Ho un codice simile a questo:

<div class="alert alert-success">
    <a class="close" data-dismiss="alert">×</a>
    <?php 

        $message = "Your Upload was successful";
        if((isset($message))&&($message!='')){
        echo '<script> alert("'.str_replace(array("\r","\n"), '', $message).'");      </script>';
        }
       redirect($this->uri->uri_string());  //refresh page
    ?>

Voglio mostrare questo successo il messaggio di avviso e quindi se l’utente clicca su OK aggiorna il browser. Nel mio caso si tratta solo aggiornando il browser.

Quello che sarà il modo migliore per farlo.

Grazie mille in anticipo.

  • Ho visto che hai utilizzato Bootstrap sul tuo codice, non si desidera utilizzare Bootstrap modal per visualizzare il messaggio invece di alert?
  • sì, davvero buona.
  • C’è bisogno di fare clic su OK per aggiornare il browser o se posso chiudere la finestra, la pagina sarà aggiornata?
InformationsquelleAutor modon | 2013-10-30



2 Replies
  1. 1

    Per rendere il tuo codice funziona come previsto, è necessario scrivere la funzione aggiorna in Javascript invece di usare PHP redirect funzione come la seguente:

    <?php 
        $message = "Your Upload was successful";
        if ((isset($message)) && ($message != '')) {
            echo '<script>
                alert("'.str_replace(array("\r","\n"), '', $message).'");
                location.reload(true);
            </script>';
        }
    ?>

    Se si desidera utilizzare Bootstrap modale, provate questo:

    <?php
    $message = "Your Upload was successful";
    if ((isset($message)) && ($message != '')):
    ?>
    <div class="modal" id="alert-dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Alert</h4>
                </div>
                <div class="modal-body">
                    <?php echo $message; ?>
                </div>
                <div class="modal-footer">
                    <button data-dismiss="modal" type="button" class="btn btn-primary">OK</button>
                </div>
            </div>
        </div>
    </div>
    <script>
    $(function() {
        $('#alert-dialog').modal('show').on('hidden.bs.modal', function () {
            location.reload(true);
        });
    });
    </script>
    <?php endif; ?>
    • La prima Soluzione di mantenere il caricamento del browser.
    • Perché è solo un esempio, il $message non è sempre vuoto.
  2. 0

    Non so se questo è possibile con una normale finestra di avviso, è possibile farlo con una conferma.

    ad esempio

    var con = confirm('Are you sure');
    
    if (con == true) {
        //means the user clicked on `OK`
        //refresh the page
    } else {
        //means the user clicked `Cancel`
    }

    In alternativa si può usare un avviso personalizzato, solo per trovare uno adatto solo la ricerca su google.

Lascia un commento