Using jQuery with php with IF logic

Question

I have some php conditional logic...basically I want to use jQuery to show or hide certain div's when I submit a form:

<?php 

if (isset($_POST['submit']) {
   /*
      If the user submits the form and 
      use jQuery to hide an existing div tag
      <script type="text/javascript">
      $('#mydiv').hide();
      </script>
   */

}
?>

Is there a sort-of non-messy way to go about mixing php and jQuery like this? I just want my jQuery to be in one block and my php to be in a separate block (i.e. not interspersed)

Kind of unclear what you are actually trying to do. Judging by the name of the POST value you are checking upon it seems that you are doing form processing however what does jQuery have to do with server-side processing? Do you actually want to output jQuery code in your response? — user188654
– user188654, Commented Aug 4, 2011 at 21:36

Jerec TheSith · Accepted Answer · 2011-08-05 07:09:22Z

2

You can catch the "onClick" event with ajax and then do what you want with your div like :

in your HTML page :

<button type="button" onclick= "yourFunction()">Click Me!</button

and then in a separate javascript file:

yourfunction() {
    $("div").hide();
  }

EDIT : You don't need PHP if you only want to hide a div when the form is submitted

edited Aug 5, 2011 at 7:09

answered Aug 4, 2011 at 21:30

Jerec TheSith

1,9424 gold badges32 silver badges41 bronze badges

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

3 Comments

redconservatory Over a year ago

This makes sense...but what if I need to make sure, say, php has processed the form correctly AND then execute the jQuery stuff?

Tarek Fadel Over a year ago

are you using AJAX to submit your form or or are you submitting the form the regular way (i.e. w/ a page reload)?

Jerec TheSith Over a year ago

AJAX is client side and php server side, so once you finished processing your form in php you might set a flag in the HTML page that indicates to js that it can be executed

user188654 · Accepted Answer · 2011-08-04 21:54:19Z

Well if you are simply trying to hide something after the form has been processed successfully then putting your JavaScript code inside that if block is as good place as any other. You would just need to take care that the DOM tree is actually ready before you try to hide an element.

if (isset($_POST['submit']) {
    echo <<<JS
        <script type="text/javascript">
            $(document).ready(function(){
                $('#mydiv').hide();
            });
        </script>
JS; 
}

However if that DIV you are trying to hide contains important information which isn't supposed to be seen in case form processing fails you should "hide" your container on the server side.

$status = false; // Status of the form processing

if (isset($_POST['submit']) {
    // If processing succeeds you set $status to true 
}

<?php if($status){ ?>
    <div id="myDiv">
        // Your super secret ingredient formula!
    </div>
<?php } ?>

Collectives™ on Stack Overflow

Using jQuery with php with IF logic

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related