Exibir Div ao Submit

[fdantas19 0]

Olá Amigos.

 

Acredito que seja algo simples, que eu não esteja vendo, por isso gostaria da ajuda de vocês.

 

O que preciso:

 

Tenho um formulário, que após clicar no botão submit, ele irá aparecer uma Div que está invisivel.

 

Como estou fazendo:

 

 

Função:

 

function mostrarDiv(){

document.getElementById('memoria_calculo').className = "visivel";

}

 

 

 

CSS:

 

 

.invisivel { display: none; }

.visivel { visibility: visible; }

 

 

No formulario chamo a função:

 

.

 

O script funciona só que a div aparece e some logo em seguida.

 

Alguém sabe me apontar onde estou errando?

[rafaeldorazio 2]

mude para :

 

 

 

.invisivel { display: none; }
.visivel { display: block; }

[fdantas19 0]

rafaeldorazio

 

Já utilizei com os dois metodos (display, visibility), ambos dão o mesmo resulta, a div aparece e logo em seguida some.

[William Bruno 1501]

"some", pois o form está sendo enviado e então vc solicita um novo request ao servidor.

Ai é como se apertasse f5, some mesmo.

 

Se oque essa div que vc está mostrando, depende do resultado do form, então vc deveria mostrar ela com a tua linguagem server-side, e não com js.

[fdantas19 0]

Willian Bruno.

 

Realmente conteudo da Div é proveniente de informações do form. Na div em questão utilizo PHP para apresentar as informações, tenho ainda um conhecimento básico, como eu deveria aplicar esta linguagem server-side utilizando o PHP, ou não tem essa possibilidade?

[William Bruno 1501]

mostre o teu codigo completo, com o php.

[fdantas19 0]

o meu codigo é basicamente, pega o post do campo "salário" e deveria exibi-lo na div que deverá aparecer somente apos o submit. utilizo basicamente o codigo abaixo.

<?php

$salario = $_POST['salario'];

echo $salario;

?>