Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как приваязать выпадающий список к активной форме?

Как приваязать выпадающий список к активной форме?


     24.08.2019    Общие вопросы, Стили (CSS), jQuery, Ламерские вопросы    797

вопрос
Есть меню в котором располагается форма поиска, при прокрутке страницы вниз, меню фиксируется в верхней части, так вот проблема заключается в том, что если ввести запрос в форму поиска в фиксированном меню (скажем посреди страницы) то результат запроса будет выводится в самом начале страницы (не рядом с той формой в которую вводился текст) а рядом с формой поиска в начале страницы.
Собственно помогите решить проблему, как мне привязать выпадающий список (результат поиска) именно к активной форме поиска, то есть к той форме в которой прописываешь текст?.

Вот скрипт и разметка формы для понимания.
<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>

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх