Home Hardware Networking Programmazione Software Domanda Sistemi
* Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come nascondere un DIV su un postback in JavaScript

Usando un metodo di postback per i moduli --- dove la stessa pagina contiene sia la forma e lo elabora --- consente di semplificare il codice e mantenere un'interfaccia utente coerente e l'esperienza utente . Come parte del processo di postback , anche se , probabilmente si desidera nascondere alcuni elementi della pagina , ad esempio , si potrebbe desiderare di fare solo il
contenente la forma stessa visibile per la prima volta , utilizzando il display postback della pagina per consentire all'utente di confermare il loro ingresso prima di sottoporre un tempo finale . Per nascondere un div su postback , userete JavaScript , analizzato da alcuni semplici PHP . Istruzioni
1

Aprire il file PHP che contiene il modulo HTML e il codice di gestione della metodologia postback . Scorrere verso il basso per la

che si desidera nascondere , e prendere nota del suo " id ", o identificatore univoco ( per esempio , " id = ' div_to_be_hidden ' " segna un
con l'ID univoco " div_to_be_hidden " ) . Se il
non dispone attualmente di uno, aggiungere un attributo id al tag .
2

Copia e incolla la seguente riga di codice come prima riga nel file sorgente della pagina web , rendendo nessuna modifica in anticipo : ?

\\ n . document.getElementById ( ' " . $ _POST [ " postback_check " ] . "' ) style.display = 'none '; \\ n < /script> ";} else { $ postbackhide =" "; ? } > < br

Questo codice > PHP aggiunge un po 'di JavaScript che contestualmente verificare se la pagina è nella schermata iniziale o in modalità postback , e nascondere un div in modo appropriato .
3

Sposta giù nel documento alla forma attuale , segnata dalla partenza "

" e " < /form >" tag di chiusura . Aggiungere un elemento di input con il tipo "nascosto ", il nome " postback_check " e un valore uguale al ID del
che ti verrà nascosto . Ad esempio, se il
è stato chiamato " div_to_be_hidden , " si potrebbe aggiungere il seguente input per il modulo :

;
4

Aggiungi una breve riga di codice chiamando il JavaScript creato nella funzione PHP sulla prima riga della pagina. Ti consigliamo di aggiungere questo immediatamente sotto il

si vuole nascondere , in modo che il codice verrà eseguito dopo che la
viene caricato nella memoria della pagina. Copiare e incollare questo codice , fare nessuna modifica ad esso :

;
5

Salvare il documento e chiudere l'editor . Quando si carica il modulo , il

Articoli consigliati

  • C /C + + Programming
  • Computer Programming Languages
  • Delphi Programming
  • Java Programming
  • Programmazione Javascript
  • PHP /MySQL Programmazione
  • Perl Programming
  • Python Programming
  • rubino Programmazione
  • Nozioni di base di Visual Programming

    •  

    Programmazione © www.354353.com