Форум ReadyScript — Расширяющийся поиск когда ставится курсор

Re: Расширяющийся поиск когда ставится курсор

null@example.com (Закусило Александр) — Thu, 14 Jul 2016 15:56:42 +0000

Вот решения для плагина.
http://stackoverflow.com/questions/5643 … -correctly

$(".autocomplete").autocomplete({
    ...
    open: function() {
        $("ul.ui-menu").width( Нужная ширина );
        ...
    }
    ...
});

Re: Расширяющийся поиск когда ставится курсор

null@example.com (Sergey T.) — Tue, 12 Jul 2016 13:01:12 +0000

Спасибо! Буду пробовать.
Я рассматриваю еще 1 вариант с расширенными результатами поиска. Там, как я понял, все прописано в jquery и совершенно непонятно как сделать выпадающий список шире, чем сама строка поиска и чтобы изменения сохранились в новой теме.

Re: Расширяющийся поиск когда ставится курсор

null@example.com (Закусило Александр) — Tue, 12 Jul 2016 08:43:22 +0000

Как вариант...
У оборачивающего контейнера нужно назначить position:relative;
У внутреннего блока, который будет расти position:absolute;left:0px;top:0px;
И соответственно большую нужную ширину.
Например можно подвеситна :focus в CSS.
http://htmlbook.ru/css/focus

А чтобы было с анимацей, нужно прочитать и поупражняться с transition http://html5book.ru/css3-transition/

Расширяющийся поиск когда ставится курсор

null@example.com (Sergey T.) — Tue, 12 Jul 2016 05:43:50 +0000

Здравствуйте! Пытаюсь собрать новую тему по сетке и возник вопрос.

Как сделать так, чтобы при постановке курсора в строку поиска, она расширялась направо поверх других объектов, например на 100 пикселей?

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