ubiquitour.com

Cómo ocultar un DIV en una devolución de datos en JavaScript

Cómo ocultar un DIV en una devolución de datos en JavaScript

Usando un método de devolución de datos a tus formularios---en la misma página tanto contiene el formulario y los procesa---puede ayudar a simplificar el código y mantener una interfaz de usuario consistente y experiencia de usuario. Como parte del proceso de devolución de datos, sin embargo, usted probablemente querrá ocultar algunos elementos de la página; por ejemplo, usted puede hacer sólo el < div > que contiene el formulario visible la primera vez, usando la pantalla postback de la página para permitir al usuario confirmar su entrada antes de presentarlo a tiempo final. Para ocultar un div en devolución de datos, utilizas JavaScript, analizada algunos PHP simple.

Instrucciones

1 Abra el archivo PHP que contiene el formulario HTML y el código de manejo de la metodología de devolución de datos. Desplácese hacia abajo hasta el < div > que desea ocultar y tome nota de su "id", o identificador único (por ejemplo, "id = 'div_to_be_hidden'" marca un < div > con el id único de "div_to_be_hidden"). Si < div > en la actualidad no tiene uno, agregar un atributo id a la etiqueta.

2 Copie y pegue la siguiente línea de código como la primera línea en el archivo de código fuente de la página web, no hacer ningún cambio que previamente:

<? php if(isset($_POST["postback_check"])) {$postbackhide = "< script tipo = \" Texto/JavaScript\"> \n document.getElementById('".$_POST["postback_check"]."'). style.display='none';\n < /script > "; ¿} else {$postbackhide = "";}? >

Este código PHP añade algunos JavaScript que contextualmente Compruebe si la página está en la pantalla inicial o modo de postback y ocultar un div especificado apropiadamente.

3 Mover hacia abajo en el documento a la forma real, marcada por el comienzo de "< form >" y "< / form >" etiquetas de fin. Añadir un elemento de entrada con el tipo "ocultado", el nombre "postback_check" y un valor igual como el id del < div > que te lo escondes. Por ejemplo, si < div > fue llamado "div_to_be_hidden", añadir la siguiente entrada a la forma:

< tipo de entrada = "hidden" name = "postback_check" value = "element_to_hide" >

4 Agregue una breve línea de código llamar a JavaScript creado en la función PHP en primera línea de la página. Usted querrá agregar esta inmediatamente debajo de < div > que desea ocultar, por lo que el código se ejecutará después de carga el < div > en la memoria de la página. Copiar y pegar este código, sin modificaciones a él:

<? php echo $postbackhide;? >

5 Guardar el documento y cierre el editor. Cuando se carga el formulario, se mostrará < div > como normal; en devolución de datos, el campo oculto "postback_check" activará el PHP al inicializar, agregando el JavaScript necesario para ocultar el < div >, utilizando propiedades de "style.display" de JavaScript.