Change html style after submitting form

Question

Is there a way to change the style of something from display none to display block after a form has been submitted? I'm checking if the form has been submitted:

if(isset($_POST['submit'])){

I'm guessing it goes somewhere after here..?

I've tried this but no joy...

echo '<style type="text/css">
      .login {
       display: block;
      } </style>';

thanks

Answer 1

You should probably define a style for hidden, and then add/remove that class from the parent element.

So in css:

<style type="text/css">
hidden{
  display:none;
} 
</style>

Then in your code something like:

$submitted = isset($_POST['submit']);

And when you render your form:

<div class="<?=($submitted)?'':'hidden'; ?>">
    <form...
</div>

Alternatively, just don't render the form at all:

<?if(!$submitted){?>
<form...
<?}?>

Answer 2

I would tell you to add on your <form> an onsubmit: <form onsubmit="DisplayLogin()">

And elsewhere some JS

<script>
function DisplayLogin(){
    $('.login').css('display','block'); //using jquery
}
</script>

Answer 3

I think the piece of jQuery below should work for you, but it's very difficult because you didn't include a lot of code. Replace button with the button's id or class .

$('.button').click(function() {
  $('.login').css('display', 'block');
});

JSFIDDLE

Answer 4

You can do something like this:

 if(isset($_POST['submit'])){ <!--here you close the php tag--> <style type="text/css"> .login { display: block; } </style> <!--here you open the php tag--> }