ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • PHP 또는 CSS 만 사용하여 페이지를 다시로드 할 때도 클릭 제출 button 색상 변경을 유지하는 방법
    카테고리 없음 2020. 8. 18. 04:20

    질문

    이 코드가 있습니다예 :

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

    내 업적에서 양식 제출 button을 클릭 할 때 검은 색으로 표시되기를 원합니다.내 문제는 페이지를 참조 할 때에도이 button을 변경하지 않고 유지하는 방법입니다.예 :-페이지가 참조되거나 관련이있을 때도 클릭 제출 button이 검은 색으로 유지되기를 원합니다.

    미리 감사드립니다.


    답변1

    button은 페이지 새로 고침시 포커스 또는 활성 상태를 유지하지 않습니다. 그러나 양식이 이미 제출되었는지 여부를 감지하도록 PHP 코드가 설정된 경우 button을 검은 색으로 바꾸는 입력에 class를 추가 할 수 있습니다.

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

    그런 다음 다음 CSS가 있습니다.

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


    답변2

    방법 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>

    방법 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>

    완전히 테스트되지는 않았지만 원하는 것을 달성하는 데 도움이 될 것입니다 ... 테스트했거나 질문이 있으면 알려주세요.



     

     

     

     

    출처 : https://stackoverflow.com/questions/48351060/using-just-php-or-css-how-do-i-keep-click-submit-button-color-change-even-when-p

    댓글

Designed by Tistory.