Utilizzando un metodo di postback ai moduli---dove la stessa pagina contiene il modulo sia processi esso---può aiutare a semplificare il codice e mantenere un'interfaccia utente coerente e l'esperienza utente. Come parte del processo di postback, però, probabilmente si vorrà nascondere alcuni elementi di pagina; per esempio, si potrebbe voler fare solo il < div > che contiene il modulo sé visibile la prima volta, utilizzando il display postback della pagina per consentire all'utente di confermare il loro input prima di inviarla un tempo finale. Per nascondere un div durante il postback, userai JavaScript, analizzato da qualche semplice PHP.
Istruzioni
1
Aprire il file PHP che contiene il form HTML e il codice che gestisce il postback metodologia. Scorri fino al < div > che si desidera nascondere e prendere nota del suo "id" o identificatore univoco (ad esempio, "id = 'div_to_be_hidden'" segna un < div > con l'id univoco del "div_to_be_hidden"). Se il tag < div > attualmente non ne ha uno, è possibile aggiungere un attributo id al tag.
2
Copiare e incollare la seguente riga di codice come prima riga nel file di origine della pagina Web, non apportare alcuna modifica ad esso in anticipo:
<? php if(isset($_POST["postback_check"])) {$postbackhide = "< tipo dello script = \" Testo/JavaScript\"> \n document.getElementById('".$_POST["postback_check"]."'). Style.display='none';\n < / script > "; } else {$postbackhide = "";}? >
Questo codice PHP aggiunge alcuni JavaScript che contestualmente controlla se la pagina è in visualizzazione iniziale o modalità di postback e nascondere un div specificato in modo appropriato.
3
Spostare verso il basso nel documento alla forma reale, segnata da inizio "modulo < >" e "< / form >" tag di fine. Aggiungere un elemento input con il tipo "nascosto", il nome "postback_check" e un valore lo stesso come l'id del tag < div > che potrà essere nascosto. Ad esempio, se il < div > è stato chiamato "div_to_be_hidden", è necessario aggiungere il seguente input al form:
< tipo input = "hidden" name = "postback_check" value = "element_to_hide" >
4
Aggiungere una breve riga di codice che chiama il codice JavaScript creato nella funzione PHP sulla prima riga della pagina. Ti consigliamo di aggiungere questo immediatamente sotto il tag < div > si desidera nascondere, in modo che il codice verrà eseguito dopo il < div > viene caricato in memoria della pagina. Copiare e incollare questo codice, non rendendo modifiche ad esso:
<? php echo $postbackhide;? >
5
Salvare il documento e chiudere l'editor. Quando si carica il modulo, il < div > visualizzerà come normale; durante il postback, il campo nascosto "postback_check" attiverà il PHP durante l'inizializzazione, aggiungendo il codice JavaScript necessario per nascondere il < div >, utilizzando la proprietà "Style" di JavaScript.