Como ocultar uma DIV em uma postagem em JavaScript
Usando um método de postagem aos seus formulários --- onde a mesma página ambos contém o formulário e processos de TI --- pode ajudar a simplificar o seu código e manter uma interface de usuário consistente e experiência do usuário. Como parte do processo de postagem, porém, você provavelmente vai querer esconder alguns elementos de página , por exemplo, você pode querer apenas fazer a
que contém o formulário próprio visível pela primeira vez, usando a tela de postagem da página para permitir ao usuário para confirmar a sua entrada antes de enviá-lo uma última vez . Para ocultar uma div em nova postagem , você vai usar JavaScript, analisado por alguns PHP simples. Instruções 1
Abra o arquivo PHP que contém o formulário HTML eo código de lidar com a metodologia de postagem. Desça até a
que você quer esconder , e fazer uma nota de que é "ID ", ou identificador único ( por exemplo, " id = ' div_to_be_hidden " marca uma
com o ID único do " div_to_be_hidden " ) . Se o
atualmente não tem um, adicionar um atributo id para a tag. 2
Copie e cole a seguinte linha de código como a primeira linha no arquivo de origem do webpage , tornando nenhuma alteração de antemão :
Este código PHP acrescenta um pouco de JavaScript que contextualmente verificar se a página está em modo de exibição de postagem inicial ou, e esconder um div especificado de forma adequada. 3
Mover para baixo no documento para a forma atual, marcado pelos "
" tags end. Adicionar um elemento de entrada com o tipo "escondido ", o nome " postback_check " e um valor igual ao ID do
que você vai estar se escondendo. Por exemplo, se o
foi chamado de " div_to_be_hidden ", você deve adicionar a seguinte entrada para a forma :
; 4
Adicione uma breve linha de código chamando o JavaScript criado na função PHP na primeira linha da página. Você quer adicionar este imediatamente abaixo da
você deseja ocultar , para que o código será executado após a
é carregado na memória da página. Copie e cole este código , sem fazer modificações nele : < ? Php echo $ postbackhide ; >
5
Salve o documento e feche o editor . Quando você carrega o formulário, o
será exibido como normal; no postback , o campo escondido " postback_check " irá acionar o PHP inicialização , acrescentando que o JavaScript necessário para esconder a
, usando " style.display " do JavaScript propriedades .