DOMANDA Template esterni per comparsa delle Modals (finestre di dialogo)

[Giulio95]

Salve a tutti
nella programmazione Web avete presente le Modals?

Le finestre di dialogo (spesso se ne incontrano per l'accettazione dei cookie).

Quando creo un Form su una pagina Web, e voglio far comparire una Modal che riporti il riepilogo dei dati inseriti prima di confermare.
Io attualmente, per dinamicizzare la Modal scrivo il suo codice HTML direttamente in-line (in un file javascript), per potervi annidare facilmente le variabili appena immesse dall'utente.

Il metodo funziona ovviamente, ma mi chiedevo se fosse possibile creare dei template da richiamare come file esterni, e da includere nella mia pagina con tanto di variabili per il riepilogo.

in pratica l'utente digita i suoi dati, quindi clicca su "salva".
Ora la pagina deve prendere un file esterno con il codice della Modal corrispondente, "appenderlo" alla pagina con le variabili dell'utente riepilogate.
Cosi' l'utente conferma con apposito pulsante sulla Modal.

Al posto di scriverle in-line nei file javascript.

Con dei file esterni posso creare con maggior chiarezza il codice, suddividerlo, conservarlo per il futuro.

Grazie mille a tutti in anticipo e saluti a tutti.

Accetto tutti i consigli

 

[BigIssue]

Cio che posso consigliare è questo:
creare iltemplate della finestra modals cosi:

<div class="wrapperid">
       <div class="someclass">
            <p>Le info  salvate di riepilogo</p>
            <p></p>
            <button></button>
            <button id="idbtn" type="button" class="btn btn-info " style="">Conferma</button>
       </div>
</div>

Richiamare il template con le richieste ajax in jquery cosi:

Quindi avendo caricato da prima i javascript con jquery deleghi gli eventi agli elementi cosi:

<link href="file:///..\Documents\wordpress\modals_css.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript">
    
$(document).ready(function(){
           
              //la richiesta ajax puo essere chiamata dopo il pulsante salva
              $.ajax({url: "/wordpress/getmodal/5", success: function(result){
                      //result.html è il template della finestra modale
                     $("div#modal1").showModal(result.html);
               }});

              $(document).on('click', '.someclass #idbtn', function(){
                    alert("premuto il pulsante idbtn");
              });

      });
</script>

 

[BigIssue]

Io attualmente, per dinamicizzare la Modal scrivo il suo codice HTML direttamente in-line (in un file javascript), per potervi annidare facilmente le variabili appena immesse dall'utente.

Servirebbe un meccanismo di templating simile al MVC di un framework ma che non so consigliarti al momento.