Come accedere a moduli di più pagine con una sola opzione di salvataggio

Question

Come accedere a moduli di più pagine con una sola opzione di salvataggio

#1 da (1 voti)
#2 da (0 voti)
#3 da (0 voti)

0

La schermata mostra la pagina di caricamento del prodotto Magento.

Il menu di navigazione sinistro consente di passare a diverse opzioni per il prodotto. Fondamentalmente ogni opzione nella nav sinistra appare come una pagina diversa. Tuttavia, quando salvi e chiudi, salverà tutti gli aggiornamenti effettuati su ciascuna pagina.

Utilizzando Foundation4, html, css, js - quale sarebbe l'approccio migliore per replicare qualcosa di simile? Supponiamo che io desideri 3 pagine e un'opzione per il pulsante di salvataggio.

Utilizzando il link e disponendo dei pulsanti di salvataggio, il livello di forma della riga superiore sembra un'opzione possibile.

Schermata di Magento

html html5 javascript jquery css3

posta Dano007 16.11.2013 - 18:44

fonte

3 risposte

Leggi altre domande sui tag html html5 javascript jquery css3

Come gestire dati potenzialmente obsoleti dall'API di WikiMedia Inverso di refactoring dell'interfaccia Extract

score 1 · Answer 1

Forse dovresti ripensare al tuo design. Invece di visualizzare le opzioni su una pagina separata, visualizzarle all'interno di un div. E se hai bisogno di visualizzare più informazioni di quante ne abbia il div, visualizzalo in un div nascosto che devi riempire, mostrare e nascondere quando appropriato. In questo modo tutto rimane su una pagina.

Posso pensare a tanti parenti che verrebbero confusi con le schede. Quando acquistano qualcosa tendono ad assumere: 1) c'è solo un pulsante di invio / salvataggio; e 2) viene visualizzato un totale parziale nella colonna di destra.

score 0 · Answer 2

Come accennato da @codingstill, Tabs lo farà. Ma dal punto di vista dell'utente non è un buon progetto.

Dipende dall'utilizzatore. Se un utente non ha molta esperienza con il web, potrebbe non sapere che il modulo verrà salvato anche se ci si sposta in schede diverse. oppure potrebbero fare clic su salva ogni volta prima di spostarsi tra le schede.

score 0 · Answer 3

Ho appena avuto un'idea che ho usato una volta in un progetto di esempio per una lezione. È una sorta di soluzione alternativa, ma con una corretta organizzazione potrebbe anche essere chiamato buon codice.

In pratica, si imposta un oggetto JavaScript all'inizio della pagina contenente tutte le impostazioni. Dovresti quindi creare il contenuto delle tue schede in pagine separate. Ogni pagina conterrà sia i controlli che il testo necessari in ogni scheda e uno script che imposta i rispettivi attributi dell'oggetto in modifica.

Nella pagina principale, associa le chiamate AJAX a ciascuna scheda che carica il contenuto della scheda selezionata e distrugge il contenuto caricato in precedenza.

Non è un software testato, solo una possibile soluzione che mi è venuta in mente. Ho fatto qualcosa di simile riguardo alla modifica delle variabili impostate da una pagina in uno script che è stato caricato AJAX. Assicurati che il listener di eventi per il cambiamento sia associato a tutti gli input dopo ogni richiesta AJAX e dovrebbe funzionare correttamente.

Al momento dell'invio (salvataggio), effettua l'ultima chiamata AJAX inviando l'oggetto indicato tramite POST. jQuery offre una meravigliosa scorciatoia per questo.