using just php or css how do i keep click submit button color change even when page reload

Question

I have this code example :

     input[type=submit]:active{
      background-color: black;
     }
      input[type=submit]:focus {
    background-color: black;
  }

In my achievement I want my form submit button to be on black when click on it. My problem is how do i keep this button remain unchange even when page refress example :- I want the click submit button to remain black even when page refress or relaod

big thanks in advances

You can’t do vanilla css... you need JavaScript and maybe pho session to achieve that — Si8
– Si8, Commented Jan 19, 2018 at 23:41
@si8 Oh i get but Do u have any idea code to do this using php ? — wapob
– wapob, Commented Jan 19, 2018 at 23:45
Have you tried anything yet in PHP? Someone here might be able to get you over a particular hurdle, but they probably won't just write your code for you. — MisterSeajay
– MisterSeajay, Commented Jan 20, 2018 at 0:15

dave · Accepted Answer · 2018-01-19 23:51:54Z

1

The button won't retain focus or active status on page reload. However if your PHP code is set up to detect whether the form has already been submitted you could add a class to the input that also turned the button black.

<?php
  $class = ''; 
  if ( /* Some condition that tests if form was submitted */) {
    $class = 'submitted';
  }
?> 

<input type="submit" class="<?php echo $class; ?>" >

Then have the following CSS

input[type=submit]:active,
input[type=submit]:focus, 
input[type=submit].submitted {
  background-color: black;
}

answered Jan 19, 2018 at 23:51

dave

2,9551 gold badge19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Si8 · Accepted Answer · 2018-01-22 15:00:42Z

0

METHOD 1:

<?php
    session_start();

    if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
        $_SESSION["form_post"] = "yes";
    }

    if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>
        <input type="hidden" value="<?php echo $_SESSION['form_post']; ?>" id="hdnPostTrue />
    <?php
    }
?>
<script>
    $(function() {
        var vHdnVal = $("#hdnPostTrue").val();
        if (vHdnVal.toLowerCase() === "yes") {
            $("your button id").addClass("button-on-post");
        }
    });
</script>

<style>
    .buttn-on-post {
        background: #000;
    }
</style>

METHOD 2:

<?php
    session_start();
    if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
        $_SESSION["form_post"] = "Yes";
    }
    if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>

        <input type="submit" class="<?php if ($_SESSION['form_post'] === 'yes') { echo 'buttn-on-post'; }  ?>" id="your submit button" />
    <?php
    }
?>
<style>
    .buttn-on-post {
        background: #000;
    }
</style>

Not fully tested but it should help you achieve what you are looking for... If you tested or have any questions let me know.

answered Jan 22, 2018 at 15:00

Si8

9,25522 gold badges120 silver badges223 bronze badges

3 Comments

Si8 Over a year ago

I had the same idea as @dave, except I gave you a more detailed answer.

wapob Over a year ago

I wana stay save from java script i think am accepting your method 2 but my problem is what if i have multiple submit buttons in same page how we i apply this on the selected onces

Si8 Over a year ago

stackoverflow.com/questions/2680160/… should help you answer your question.

Collectives™ on Stack Overflow

using just php or css how do i keep click submit button color change even when page reload

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related