By
green-vik
Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок :
Вот код: (так на всякий)
.fix-left-icon {
width:45px;
height:30px;
margin-left:5px;
margin-top:3px;
}
.pop-up-left-fix {
width:250px;
min-height: 30px;
left:45px;
top:-37px;
padding: 10px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(245,245,245,1);
-webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) ;
box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) ;
z-index:999;
position:relative;
}
.pop-up-left-fix::before {
width: 15px;
height: 15px;
position: absolute;
content: "";
margin: 0px 0 0 -18px;
border: none;
background: rgba(245,245,245,1);
-webkit-box-shadow: -7px -7px 9px -4px rgba(0,0,0,0.5) ;
box-shadow: -7px -7px 9px -4px rgba(0,0,0,0.5) ;
-webkit-transform: rotateZ(-45deg) ;
transform: rotateZ(-45deg) ;
}
<div class="fix-left-icon"><h3><span class="icon-search"></span></h3>
<div class="pop-up-left-fix">
<!-- Поиск -->
<form id="q_search" method="post" style="text-align:center;">
<input id="story" name="story" placeholder="Поиск по сайту..." type="search">
<button class="btn all-transition" type="submit" title="Найти">Найти</button>
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
</form>
<!-- / Поиск -->
</div>
</div>
Сам поиск прекрасно работает, проблема с поиском на лету. Блок всплывающий и переходя на него (убирая курсор с блока в котором форма поиска) происходит потеря фокуса у блока, он принимает значение none и соответственно исчезает с экрана а вместе с ним и блок с поиском на лету ((.
Это все предыстория а вот что я хочу, можно ли сделать так чтобы при переходе в блок поиска на лету браузер думал что я держу курсор в блоке с формой поиска