Цель "Поиск" на всей странице

Question

Я хочу, чтобы моя панель поиска завершила поиск, однако, я хочу, чтобы цель была 'целой страницей', а не полностью переместилась на другую страницу?

<div id="search_anything"> 
    <form action="/search.php" method="get" id='searchForm'> 
        <div class="searchFormDiv"> 
            <input type="text" name="search" value="Search Mail..." id="search" onfocus="if( $(this).attr('value').indexOf('...') >= 0) $(this).attr('value',''); $(this).select();" /> 
        </div> 
    </form> 
</div>

Answer 1

Когда я ввожу этот код, я получаю следующую ссылку: - liveternet.com/?search=( Мой поиск), однако я хочу: liveternet.com/search.php?search=( Мой поиск) << включая поиск завершен на той же веб-странице :) (и не перенаправлен на другую) </p>

Answer 2

Используйте jQuery:

$('form').submit(function() {
    $.post(
    'do_query.php',         // File with query
    { num: '1', str: 'string' },    // Vars passed as post
    function(responseText){     // Callback
        $('#your_div').html(responseText); // Load content results from do_query page.
    },
    "html"              // Set type as html
);
    preventDefault();           // Prevent form from submiting
});

Это должно работать. Пожалуйста, дайте отзыв.

Answer 3

<form action="<?php echo $_SERVER['REQUEST_URI']; ?>" method="get" id='searchForm'> 

Не забывайте, что большую часть времени вам нужно обрабатывать форму и на той же странице (или включать отдельный скрипт обработчика форм на этой странице).

Например, если вы хотитечтобы обработать форму другим PHP-файлом, вы можете вставить его в любое место над формой:

<?php if(isset($_GET['search'])) include 'formprocessor.php'; ?>