Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Alert in php

  1. #1
    Utente di HTML.it L'avatar di Valeria89
    Registrato dal
    Apr 2015
    residenza
    Pisa
    Messaggi
    129

    Alert in php

    Salve a tutti, ho bisogno di aiuto.
    Ho questo alert:

    Codice PHP:
    echo('<script type="text/javascript">alert("Mandatory field! Please insert value.")</script>'); 
    Se l'utente clicca su ok, dovrebbe aprirsi "pagina.php", come devo modificare? Grazie.

  2. #2
    Utente bannato
    Registrato dal
    Jul 2013
    Messaggi
    290
    dipende se vuoi qualcosa di "bello" graficamente (=> complicato e potenzialmente non compatibile con tutti i tipi di browser) oppure "brutto ma veloce".
    Nel secondo caso
    codice:
     var r = confirm("Confermi di fare qualcosa");
       if (r == true) 
      ...
    Nel primo metto un pannello bootstrap, lo faccio apparire in modalità modale,
    poi lego a un bottone un evento javascript che lancia via Ajax la pagina php (!!!)

    In pratica lato JS
    codice:
    jQuery("#btninvia").click(function(){
    ... roba varia...
    ... in elenco ad esempio ci metti la stringa GET...
    
        $.ajax({
        url : 'pagina.php',
        data : elenco, 
        dataType : 'html',
        complete: function (data) {
    .. tante altre cose... 
       
        $('#pnlconferma').modal('hide');
        $('#pnlfatto').modal('show') ;
         
        }
        });
    qui ti serve un #pnlconferma con un bottone con #btninvia e magari un pannello #pnlfatto (se ti serve qualcosa del tipo "ho fatto quello che dovevo fare"

    Il pannello conferma puoi farlo tipo così (in questo esempio metto due
    lblregistrazione e lbldata fittizi in readonly, in modo che puoi compilarli da javascript
    con qualcosa tipo per avere "sei sicuro di voler fare questo e questo?"
    codice:
      $(".modal-body #lblregistrazione").val( valore );
       $(".modal-body #lbldata").val( miadata );
    codice:
    <div id="pnlconferma" class="modal fade">
     <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">Conferma</h4>
       </div>
       <div class="modal-body">
      <input type="text" id="lblregistrazione" value="" readonly/> in data <input type="text" id="lbldata" value="" readonly/>
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
        <button type="button" class="btn btn-primary" id="btninvia">Conferma</button>
       </div>
      </div>
     </div>
    </div>
    Il pannello fatto (sempre bootstrap)
    codice:
    <div id="pnlfatto" class="modal fade">
     <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">Informazioni</h4>
       </div>
       <div class="modal-body">
       Fatto
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
        
       </div>
      </div>
     </div>
    </div>
    Per innescare il tutto puoi usare (in questo esempio un qualsiasi bottone, altrimenti devi sistemare la jquery alla prima riga)
    codice:
    jQuery(".btn-primary").click(function(){
    ... nell'esempio imposto i due editbox a valore e mia data
        
       $(".modal-body #lblregistrazione").val( valore );
       $(".modal-body #lbldata").val( miadata );
    ... mostro il pannello ...  
     $('#pnlconferma').modal('show') ;
    Ultima modifica di brancomat; 29-09-2015 a 11:23

  3. #3
    Utente bannato
    Registrato dal
    Jul 2013
    Messaggi
    290
    In pratica
    - crei un pannello modal di conferma
    - magari un secondo con scritto "ho finito tutto OK"
    - nel primo pannello metti un bottone che tagghi con btninvia
    - magari ci metti dentro anche degli elementi che poi riempirai (invece di "sei sicuro?" "sei sicuro di fare QUESTO"? e poi compilerai con QUESTO da js)
    - crei un bottone e ci metti un evento che compila gli eventuali parametri (QUESTO) e che poi il modal show

    A questo punto quando clicchi il bottone btninvia chiami altra procedura JS che
    - fa hide del pannello
    - fa le sue cose (tra le quali chiamare con AJAX una pagina PHP)
    - eventualmente mostra il pannello "finito tutto OK"


    PS nota che questo è il primissimo problema del genere che ho risolto, magari ci sono strade più semplici... qualche esperto ti aiuterà!
    Ultima modifica di brancomat; 29-09-2015 a 11:28

  4. #4
    Utente di HTML.it L'avatar di Valeria89
    Registrato dal
    Apr 2015
    residenza
    Pisa
    Messaggi
    129
    Quote Originariamente inviata da brancomat Visualizza il messaggio
    dipende se vuoi qualcosa di "bello" graficamente (=> complicato e potenzialmente non compatibile con tutti i tipi di browser) oppure "brutto ma veloce".
    Nel secondo caso
    codice:
     var r = confirm("Confermi di fare qualcosa");
       if (r == true) 
      ...
    Nel primo metto un pannello bootstrap, lo faccio apparire in modalità modale,
    poi lego a un bottone un evento javascript che lancia via Ajax la pagina php (!!!)

    In pratica lato JS
    codice:
    jQuery("#btninvia").click(function(){
    ... roba varia...
    ... in elenco ad esempio ci metti la stringa GET...
    
        $.ajax({
        url : 'pagina.php',
        data : elenco, 
        dataType : 'html',
        complete: function (data) {
    .. tante altre cose... 
       
        $('#pnlconferma').modal('hide');
        $('#pnlfatto').modal('show') ;
         
        }
        });
    qui ti serve un #pnlconferma con un bottone con #btninvia e magari un pannello #pnlfatto (se ti serve qualcosa del tipo "ho fatto quello che dovevo fare"

    Il pannello conferma puoi farlo tipo così (in questo esempio metto due
    lblregistrazione e lbldata fittizi in readonly, in modo che puoi compilarli da javascript
    con qualcosa tipo per avere "sei sicuro di voler fare questo e questo?"
    codice:
      $(".modal-body #lblregistrazione").val( valore );
       $(".modal-body #lbldata").val( miadata );
    codice:
    <div id="pnlconferma" class="modal fade">
     <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">Conferma</h4>
       </div>
       <div class="modal-body">
      <input type="text" id="lblregistrazione" value="" readonly/> in data <input type="text" id="lbldata" value="" readonly/>
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
        <button type="button" class="btn btn-primary" id="btninvia">Conferma</button>
       </div>
      </div>
     </div>
    </div>
    Il pannello fatto (sempre bootstrap)
    codice:
    <div id="pnlfatto" class="modal fade">
     <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">Informazioni</h4>
       </div>
       <div class="modal-body">
       Fatto
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
        
       </div>
      </div>
     </div>
    </div>
    Per innescare il tutto puoi usare (in questo esempio un qualsiasi bottone, altrimenti devi sistemare la jquery alla prima riga)
    codice:
    jQuery(".btn-primary").click(function(){
    ... nell'esempio imposto i due editbox a valore e mia data
        
       $(".modal-body #lblregistrazione").val( valore );
       $(".modal-body #lbldata").val( miadata );
    ... mostro il pannello ...  
     $('#pnlconferma').modal('show') ;
    Grazie

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.