Question

I’m trying to implement popup search window in a PHP project. I included JQuery and ColorBox & have managed to open the Search popup inline (using ColorBox plugin).

This is my code to open popup window

$(document).ready(function(){
    $(".inline").colorbox({inline:true, transition:'none',speed:'10', close:'close', opacity:'0.6'});
}); 

Popup div has a separate <form> element to POST data.

<?php
if (isset($_POST['btnSearch']))
{
    //Code to search data
}
?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"
    enctype="multipart/form-data">
//Some Page Content
<div class="input"><input type="submit" name="btnSearch" Value="Search"
    class="button"></div>
</form>

The problem is when I click the ‘Search’ button it POST the form but closes the popup. How can I retain popup window opened even after the button click?

Answer 1

AJAX is what you’re looking for. jQuery has built in AJAX support which you can read about HERE

It’s real easy to use so you shouldn’t have any problems implementing it