Поле за търсачка

Post Reply
Msecurity
Потребител
Потребител
Posts: 753
Joined: Sat Sep 18, 2010 6:12 am
Answers: 19
Location: Варна

Поле за търсачка

Post by Msecurity » Tue Mar 13, 2018 5:42 pm

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

Поздрави,

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1534
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 163
Location: Parse error: unexpected "}" in /home/index.php on line 26

Re: Поле за търсачка

Post by anonimen » Tue Mar 13, 2018 7:57 pm

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

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

[js]searchButton.onClick = function() {
if(intputField.hidden) inputField.show();
else form.submit();
}[/js]

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

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

User avatar
Revelation
Web-tourist
Web-tourist
Posts: 801
Joined: Sun Mar 24, 2013 1:23 pm
Answers: 57

Post by Revelation » Wed Mar 14, 2018 3:00 pm

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

Post Reply