El uso de un método de devolución de datos a los formularios --- en la misma página contiene tanto la forma y la procesa --- puede ayudar a simplificar el código y mantener una experiencia de interfaz de usuario y de usuario consistente. Como parte del proceso de devolución de datos, sin embargo, es probable que desee ocultar algunos elementos de la página; por ejemplo, es posible que desee solamente para hacer que el <div> que contiene el propio formulario visible la primera vez, el uso de la pantalla de devolución de datos de la página para permitir que el usuario confirme su entrada antes de enviarlo por última vez. Para ocultar un div en la devolución de datos, va a utilizar JavaScript, analizado por algunos simples PHP.
Instrucciones
1 Abra el archivo PHP que contiene el formulario HTML y el manejo de la metodología de devolución de datos de código. Baje hasta la <div> que desea ocultar, y tomar nota de que es "id", o identificador único (por ejemplo, "id =" div_to_be_hidden ' "marca un <div> con el identificador único de" div_to_be_hidden " ). Si el <div> actualmente no tiene uno, añadir un atributo id de la etiqueta.
2 Copia y pega la siguiente línea de código como la primera línea en el archivo de código fuente de la página web, por lo que no hay cambios en él de antemano:
<? Php if (isset ($ _POST [ "postback_check"])) {$ postbackhide = "<script type = \" text / javascript \ "> \ n document.getElementById ( '". $ _POST [ "Postback_check"]. " ') .style.display =' none '; \ n </ script>"; } Else {$ postbackhide = "";}?>?
Este código PHP añade algo de JavaScript que contextualmente comprobará si la página está en modo de visualización o devolución de datos inicial, y ocultar un div especificado adecuadamente.
3 Mover hacia abajo en el documento de la forma real, marcado por la "<form>" iniciar y "</ form>" etiquetas finales. Añadir un elemento de entrada con el tipo ", oculta" el nombre "postback_check" y un valor igual al id del <div> que usted va a estar escondido. Por ejemplo, si el <div> que se llamó "div_to_be_hidden", deberá añadir la siguiente entrada en el formulario:
<Input type = "hidden" name = "postback_check" = "element_to_hide">
4 Añadir una breve línea de código JavaScript llamando a la creada en la función de PHP en la primera línea de la página. Usted quiere añadir este inmediatamente debajo de la <div> que desea ocultar, por lo que el código se ejecutará después de la <div> se carga en la memoria de la página. Copiar y pegar este código, por lo que no hay modificaciones a la misma:
<? Php echo $ postbackhide; ?>
5 Guarde el documento y cierre el editor. Cuando se carga el formulario, el <div> se mostrará de forma normal; en la devolución de datos, el campo oculto "postback_check" dará lugar a la inicialización de PHP, añadiendo el código JavaScript necesario para ocultar el <div>, utilizando las propiedades "style.display" de JavaScript.