Aggiungere al volo codice Javascript
In ambito lavorativo, mi sono trovato a dover sviluppare un sistema AJAX based per la realizzazione automatica di wizard.
In breve, viene caricata una pagina contenitore che gestisce tramite operazioni asincrone il caricamento dei singoli step del wizard.
Le pagine HTML contenenti il layout vengono gestite in maniera molto semplice impostando la proprietà innerHTML di un dato DIV.
JavaScript:
-
var nuovaPagina = funzioneCheCaricaIlLayout();
-
var container = document.getElementById('containerId');
-
container.innerHTML = nuovaPagina;
Le cose però si complicano nel momento in cui si vogliono caricare al volo anche degli script. Al fine, per esempio, di effettuare una validazione sui campi della form.
Il metodo usato per l'HTML non funziona.
Gli script vanno aggiunti in maniera differente.