- Поле за търсачка
WT форуми -> HTML / Javascript / CSS -> Поле за търсачка
Създайте нова тема Напишете отговор 
Автор Съобщение
Msecurity
Потребител
Потребител

Регистриран на: 18/09/2010 8:12 am

Support: 19
Bonus: 37
Мнения: 752
Мнение 13/03/2018 7:42 pm     Поле за търсачка Отговорете с цитат


Здравейте колеги,
имам малък проблем с полето за търсачката при моб. версия...
Попринцип полето е скрито и когато сложиш мишката върху бутона се отваря полето за търсене (с hover) , но при моб. версия, полето си стои затворено, а при клик да го отвори директно го събмитва ..., имате ли идея как да се реши този проблем ...

Поздрави,
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 158
Bonus: 315
Мнения: 1471
Мнение 13/03/2018 9:57 pm     Re: Поле за търсачка Отговорете с цитат


Msecurity написа:
Здравейте колеги,
имам малък проблем с полето за търсачката при моб. версия...
Попринцип полето е скрито и когато сложиш мишката върху бутона се отваря полето за търсене (с hover) , но при моб. версия, полето си стои затворено, а при клик да го отвори директно го събмитва ..., имате ли идея как да се реши този проблем ...

Поздрави,

Събмитвай само ако е показано инпут полето.

Javascript code:
searchButton.onClick = function() {
if(intputField.hidden) inputField.show();
else form.submit();
}


Общо взето това е...

Друга възможност е да настроиш бутона да бъде type="button" и при клик да го променяш на type="submit".
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Revelation
Потребител
Потребител

Регистриран на: 24/03/2013 3:23 pm

Support: 54
Bonus: 108
Мнения: 693
Мнение 14/03/2018 5:00 pm      Отговорете с цитат


Прави се мобилна версия на това, което правиш. Такива неща са били винаги досадни, но вече с цялата тази динамика, почти навсякъде е задъжлително да имаш проверка дали сайта е отворен мобилно и според това, определена функционалност да я пренаписваш за мобилна версия(естествено, за случаи като този, където ховъра няма как да работи при мобилен телефон).
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети