вопрос
Есть меню в котором располагается форма поиска, при прокрутке страницы вниз, меню фиксируется в верхней части, так вот проблема заключается в том, что если ввести запрос в форму поиска в фиксированном меню (скажем посреди страницы) то результат запроса будет выводится в самом начале страницы (не рядом с той формой в которую вводился текст) а рядом с формой поиска в начале страницы.
Собственно помогите решить проблему, как мне привязать выпадающий список (результат поиска) именно к активной форме поиска, то есть к той форме в которой прописываешь текст?.
Вот скрипт и разметка формы для понимания.
Собственно помогите решить проблему, как мне привязать выпадающий список (результат поиска) именно к активной форме поиска, то есть к той форме в которой прописываешь текст?.
Вот скрипт и разметка формы для понимания.
<script type='text/javascript'>
function FastSearch() {
$("#search_advanced, #search_advanced2").attr("autocomplete", "off");
$("#search_advanced, #search_advanced2").blur(function() {
$("#searchsuggestions").fadeOut()
});
$("#search_advanced, #search_advanced2").keyup(function() {
var a = $(this).val();
0 == a.length ? $("#searchsuggestions").fadeOut() : dle_search_value != a && 1 < a.length && (clearInterval(dle_search_delay), dle_search_delay = setInterval(function() {
dle_do_search(a)
}, 700))
})
}
function dle_do_search(a) {
clearInterval(dle_search_delay);
$("#searchsuggestions").remove();
$(".form-control st-default-search-input").append("<div id='searchsuggestions' style='display:none'></div>");
$.post(dle_root + "engine/ajax/search_advanced.php", {
query: "" + a + ""
}, function(a) {
$("#searchsuggestions").html(a).fadeIn().css({
position: "absolute",
top: 0,
}).position({
my: "left top",
at: "left bottom",
of: "#search_advanced, #search_advanced2",
collision: "fit flip"
})
});
dle_search_value = a
}
</script>
<form action="/" name="searchform" method="post" onkeypress="if(event.keyCode == 13) return false;">
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input id="search_advanced" class="form-control st-default-search-input" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text">
</form>