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

Как задать позицию для всплывающего окна быстрого поиска?


     09.02.2026    Стили (CSS), Общие вопросы по PHP    5

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

Как задать позицию для всплывающего окна быстрого поиска?


Код из engine.css

/* Быстрый поиск на сайте */

#searchsuggestions {
z-index: 887;
width: 298px;
#display: block !important;
background: #fff;
padding-top: 0px;
border-top: 8px solid #fff;}
	
#searchsuggestions a, #searchsuggestions span.notfound { padding: 10px 10px 12px 10px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
#searchsuggestions a { color: inherit; }
#searchsuggestions a:hover { background-color: #f7f7f7; }
#searchsuggestions a span { display: block; cursor: pointer; }
#searchsuggestions span.searchheading { display: block; color:#4ADD3A; text-align:center;}
#searchsuggestions span.seperator { display: block; }
#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
#searchsuggestions span.notfound {padding: 20px 20px; display: block; color:#FF5656; cursor:default; text-align:center;}
#searchsuggestions .break { display: none; }


В файле стилей это сделать не получается так как код всплывающего окна в файле dle_js
Вот эта строка

function dle_do_search(a){clearInterval(dle_search_delay);$("#searchsuggestions").remove();$("body").append("<div id='searchsuggestions' style='display:none'></div>");$.post(dle_root+"engine/ajax/search.php",{query:""+a+"",user_hash:dle_login_hash},function(a){$("#searchsuggestions").html(a).fadeIn().css({position:"absolute",top:0,left:0}).position({my:"left top",at:"left bottom",of:"#story",collision:"fit flip"})});dle_search_value=a}


Что в ней изменить чтобы не зависимо от размера экрана всплывающее окно быстрого поиска было в одном месте?

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


1 комментарий

TeraMoune
Эксперт

TeraMoune - Сегодня, 11:24 -

Так нельзя менять размеры. Тут скрипт имеет абсолютную позицию и встраивается он в самый конец страницы перед body. При размещении searchsuggestions он присваивает координаты #story, изменив размер окна меняются и координаты этого элемента, а вот обновление этому не применяется.

Варианта два, использовать событие отслеживающее изменение окна resize и в нём каждый раз выполнять код

$("#searchsuggestions").css({position:"absolute",top:0,left:0}).position({my:"left top",at:"left bottom",of:"#story",collision:"fit flip"})


Второй вариант это разместить #searchsuggestions по месту формы поиска и разместить её рядом но в каком-то общем контейнере, если смотреть стандартный шаблон зелёный у меня там q_search, этому классу нужно дать relative позицию и тогда всё, что в нём будет иметь absolute позицию будет смещаться вместе с родительским окном.

Принимаю оплату только на карту Мир.

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

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

наверх