Форум ReadyScript Вопросы по созданию тем оформления Расширяющийся поиск когда ставится курсор
Страницы 1
Чтобы отправить ответ, вы должны войти или зарегистрироваться
Здравствуйте! Пытаюсь собрать новую тему по сетке и возник вопрос.
Как сделать так, чтобы при постановке курсора в строку поиска, она расширялась направо поверх других объектов, например на 100 пикселей?
А при клике в любом другом месте экрана поиск обратно становился своей изначальной ширины?
Как вариант...
У оборачивающего контейнера нужно назначить position:relative;
У внутреннего блока, который будет расти position:absolute;left:0px;top:0px;
И соответственно большую нужную ширину.
Например можно подвеситна :focus в CSS.
http://htmlbook.ru/css/focus
А чтобы было с анимацей, нужно прочитать и поупражняться с transition http://html5book.ru/css3-transition/
Спасибо! Буду пробовать.
Я рассматриваю еще 1 вариант с расширенными результатами поиска. Там, как я понял, все прописано в jquery и совершенно непонятно как сделать выпадающий список шире, чем сама строка поиска и чтобы изменения сохранились в новой теме.
Вот решения для плагина.
http://stackoverflow.com/questions/5643 … -correctly
$(".autocomplete").autocomplete({
...
open: function() {
$("ul.ui-menu").width( Нужная ширина );
...
}
...
});Страницы 1
Чтобы отправить ответ, вы должны войти или зарегистрироваться
Форум ReadyScript Вопросы по созданию тем оформления Расширяющийся поиск когда ставится курсор
