| |
|
|
| | Подскажите в каком направлении двигаться, необходимо реализовать поиск расширенный уже в выведенных из базы позиций, как бы выбирая чекбокс значения и скрипт выбирал из списка нужные позиции без перезагрузки.
Например: база недвижимости, есть вывод объектов, пользователь нажал на чекбокс (дома) и без перезагрузки поиск бы оставил на странице вывод только домов:
Заранее благодарю за помощь, дайте или направление или если можно ссылки на материал, форум, пост и т.д. Еще разок спасибо! | |
| |
|
|
| |
|
|
| |
для: clubxaliav
(21.03.2013 в 09:00)
| | | при изменении формы фильтра, посылать ajax запрос. обрабатывающий скрипт должен посылать результат, им собсно и заменяем то что сейчас на экране | |
| |
|
|
| |
|
|
| |
для: CrazyAngel
(21.03.2013 в 11:15)
| | | Есть у кого ссылки на примеры? Помогите плиз... ajax знаю на 0, нужно разбираться! | |
| |
|
|
| |
|
|
| |
для: clubxaliav
(22.03.2013 в 10:18)
| | | самый простой вариант с библиотекой jquery http://jquery.com/download/
и плагином для нее http://plugins.jquery.com/form/
<!doctype html>
<head>
<script type="text/javascript" src="js/jquery.js"></script> <!-- подключаете jquery -->
<script type="text/javascript" src="js/jquery.form.js"></script> <!-- подключаете jquery плагин form -->
</head>
<body>
<!-- вот к примеру ваша форма тоесть пишите ее как обычно единственное что надо сделать дать индефикатор id="MySerchForm" -->
<form method="post" action="search.php" id="MySerchForm" >
<input type="text" name="userInput" >
<input type="submit" value="go!" >
</form>
<!-- создаете контенер куда прийдут даные от сервера -->
<div id="result"></div>
<!-- вот к примеру ваш сценарий на js с использованием этих инструментов -->
<script type="text/javascript">
$(document).ready(function(){
var element = $('#MySerchForm');// делаем выборку формы по id="MySerchForm"
element.ajaxForm({ // событие аякс формы тоесть данные из формы отправлябться на сервер без перезагрузки
target: '#result' // а в этот кантенер возращается ответ от сервера
});
});
</script>
</body>
</html>
|
http://www.linkexchanger.su/2008/45.html здесь подробнее или можете погуглить ! | |
| |
|
|
