Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Разварачиваемый поиск (https://javascript.ru/forum/dom-window/72714-razvarachivaemyjj-poisk.html)

sadosado 21.02.2018 13:15

Разварачиваемый поиск
 
Привет Всем:victory: Вопрос такой:
-Хочу сделать поиск на опенкарт, такой чтобы при нажатии на кнопку раздвигался бы инпут, но при этом на мобильной версии он бы закрывал остальные элементы в блоке.
Вот блок:
Нужно просто сделать чтобы лупа в блоке выше была.

Nexus 21.02.2018 13:32

Вложений: 1
Так? (см. вложение)

Dilettante_Pro 21.02.2018 13:42

Nexus,
Это что, загадка на тему "Найди отличия"? Таки я не нашел:(
sadosado,
По картинке вам никто не сможет помочь - нужен код, желательно в макетном виде, с явно демонстрируемой проблемой

Manyasha 21.02.2018 13:53

я нашла)):dance:

Nexus 21.02.2018 13:54

Цитата:

Сообщение от Dilettante_Pro
Это что, загадка на тему "Найди отличия"? Таки я не нашел

Кол-во иконок напротив title изменилось.

Вы не нашли отличия, вероятно, из-за моих невероятных навыков в MS Paint :)

рони 21.02.2018 13:58

Цитата:

Сообщение от Dilettante_Pro
Таки я не нашел

кнопка поиска добавлена

по теме, смотреть устройство
https://learn.javascript.ru/ кнопка поиска, правый верхний угол.

Dilettante_Pro 21.02.2018 14:11

Что-то я в полном пролете... Пойду нервно курить в углу:-E

MallSerg 21.02.2018 15:45

Цитата:

Сообщение от Manyasha (Сообщение 478723)
я нашла)):dance:

А фото в контакте "Рязань... или где то рядом=)" не твое случаем?

sadosado 21.02.2018 16:00

Цитата:

Сообщение от Nexus (Сообщение 478719)
Так? (см. вложение)

думал немного по другому,но так даже лучше, но с компьютра чтобы он был раскрыт всегда. Спасибо, что так хорошо вникли:thanks:

sadosado 21.02.2018 16:02

вот поиск;
<div id="search" class="input-group">
  <input type="text" name="search" value="{{ search }}" placeholder="{{ text_search }}" class="form-control input-lg" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default btn-lg"><i class="fa fa-search"></i></button>
  </span>
</div>


Часовой пояс GMT +3, время: 11:53.