Кнопка поиска в 2.5.1

Как сделать активной кнопку поиска (лупу) в ICMS 2.5.1

 
Посетитель
small user social cms
Медаль
Сообщений: 993
Добрый день друзья! Подскажите пожалуйста, как сделать активной кнопку поиска (лупу) в виджете поиска на ICMS 2.5.1 В данный момент чтобы сработал поиск на сайте надо нажимать кнопку ENTER, а я хотел сделать чтобы поиск срабатывал при нажатии на лупу.
Спойлер
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
добавьте в форму поиска виджета кнопку сабмита, стилизуйте её как вам хочется (под лупу) и должно все работать joke
Код PHP:
  1. <input type="submit" name="submit" value="" title="Найти">
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 993
Val:
должно все работать

Спасибо Валентин за подсказку, все работает, но это немного не то, что я хотел. Кнопка за пределами формы поиска (отдельно), я просто на других сайтах видел, лупа активная в форме поиска, как бы также сделать? scratch
Сейчас код такой для формы поиска.

Спойлер
а css стиль у формы поиска такой

Спойлер
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Андрей:
Кнопка за пределами формы поиска (отдельно)
Андрей, вы не внимательны smile
Я же написал что стили нам помогут! Например в вашем случае добавляем кнопку в виджет поиска:
Код HTML:
  1. <div class="widget_search">
  2. <form action="/search" method="get">
  3. <input type="text" class="input" name="q" value="" placeholder="Найти на сайте">
  4. <input type="submit" class="search_btn" name="submit" value="" title="Найти">
  5. </form>
  6. </div>
затем прописываем стили для пимпы:
Код CSS:
  1. .search_btn {
  2. position: absolute;
  3. right: 0;
  4. top: 1px;
  5. width: 25px !important;
  6. height: 25px;
  7. background: url("../images/search-glyph.png") no-repeat right center transparent;
  8. }
здесь мы переносим кнопку над полем и делаем ее прозрачной. Получается иллюзия что картинка находится в поле поиска и по ней можно щелкнуть)).

Другой вариант заключить поле поиска и кнопку внутри слоя (можно саму форму использовать как объединяющий слой) примерно так:
Код HTML:
  1. <form action="/search" method="get">
  2. <div class="stilizator">
  3. <input type="text" class="input" name="q" value="" placeholder="Найти на сайте">
  4. <input type="submit" class="search_btn" name="submit" value="" title="Найти">
  5. </div>
  6. </form>
далее слою ".stilizator" придается вид поля (бордер и фон), а инпутам устанавливается прозрачный цвет и другие необходимые настройки. Получается тот же результат что вы спрашивали.

p.s. Приведенные стили тестировались ограниченно, возможно необходима доработка, но метод 100% тот о котором вы спрашивали))
Посетитель
small user social cms
Медаль
Сообщений: 993
Val:
Андрей, вы не внимательны

Знаний нет hoho , признаю, поэтому и спрашиваю scratch

Спасибо за помощь! Работает, со стилями только повозится надо.
Редактировалось: 1 раз (Последний: 5 мая 2016 в 22:07)
Самые дешевые и быстрые VPS | Выгодный перенос доменов
Посетитель
small user social cms
Медаль
Сообщений: 993
Проблема решена!
Самые дешевые и быстрые VPS | Выгодный перенос доменов
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: