Ritorno al codice HTML originale dopo averlo modificato con JS.

Ciao a tutti.

Ho provato a cercare ma non ho trovato niente (anche perché di keywords non ne ho molte visto che il problema da spiegare è un pò lungo).

Passo al problema.

Ho un form. Questo form serve per l'inserimento di diverse tipologie di articoli. Queste tipologie necessitano di diverti spazi input. Il form originale presente su una pagina php contiene tutti gli spazi input che potrebbero essere utili. Poi li tolgo, se non servono, o li modifico attraverso JavaScript.

Esempio:

Codice:

---

document.getElementById("categoria3").innerHTML = "";

---

Qui il problema. Mettiamo che l'utente seleziona, per sbaglio, una categoria che elimina dalla pagina gli input non necessari. Poi questo seleziona la categoria corretta, ma il form non si aggiorna, facendo restare gli input cancellati.

E' possibile con JS comandare di tornare "automaticamente" al punto di partenza senza refresh?


Grazie a tutti per l'aiuto!

Nessuno ti vieta di salvare i valori originari in alcune variabili e poi richiamarle quando ti servono, anche perché credo che sia l'unico modo per fare quello che chiedi, essendo la tua richiesta abbastanza particolare.

Mah ho deciso di ripiegare sul refresh (attraverso un bottone reload che usa history.go() ) in attesa di trovare una soluzione più elegante :razz: .

Se il tuo problema è la sola visualizzazione, non serve modificare il codice HTML, ti basta agire un po' sulle proprietà CSS:

Codice:

---

// accedi all'elemento
var form = document.getElementById('categoria3');

// nascondi il modulo
form.style.display = 'none';

// mostra nuovamente il modulo
form.style.display = 'block';

---

Stammi bene...