Вывод результатов поиска в слой (div)

[Lover_Diablo]

Есть страничка, тестовая здесь. Вверху страницы есть форма поиска. Результаты она выводит в отдельное окно. Вопрос: как сделать, что бы результаты выводились на этой же странице в коричневый слой?

[hedgehog]

Можно выводить эту страницу при помощи PHP скрипта, который будет наполнять "коричневый слой" результатами поиска при обращении с POST/GET запросами.

Или просто отправлять этому скрипту XHR запрос и выводить ответ.

[wwt]

http://jsfiddle.net/WrMkE/

[Lover_Diablo]

А если не в iframe, а в уже имеющийся div id="conteiner" ?

[wwt]

А если не в iframe, а в уже имеющийся div id="conteiner" ?

тогда ajax-запрос(ваш запрос из поля отсылаем на сервер)-php(принимаем запрос получаем данные с вашего поисковика, парсим и отсылаем ответ)-ajax-ответ(получаем результаты и выводим куда надо)

к примеру на примере jQuery:

HTML+JS index.html

<input id="val" type="text"><input id="sub" type="button" value="Поиск">
<div id="result"></div>
<script>
$(document).ready(function()

$("#sub").click(function(){
//тут аякс запрос файлу search.php, к примеру методом post, и обработка ответа
   $.ajax({
     url: "search.php",
     type: "POST",
     data: {val : $("#val").val()}
   }).done(function( data ) {
     //чтото делаем с полученным ответом
   });

});

});
</script>

PHP search.php

<?php
$url = "адрес куда запрос?";//к адресу подставляем то что было в поле $_POST["val"];
$data = file_get_contents(url);
//далее парсим страницу которую получили и отсылаем в index.html ответ
$out_data = .....

echo $out_data;
?>

Примерно так, естественно какаято часть этого рабочая, а какую-то придется вам самому дописать. К примеру место где вы парсите страницу

Edited September 20, 2012 by wwt