Здравствуйте. Помогите решить задачку.
Купил компонент, настроил формы и все работает хорошо. Но есть нюанс.У меня на сайте имеются две версии поиска. Одна под мобильные устройства, другая – под десктопные.
1) Десктопные:<form action="{$_modx->makeUrl($pageId)}" method="get" class="msearch2" id="mse2_form s">
<input name="{$queryVar}" id="s" onblur="if(this.value=='')this.value='что ищем?';" onfocus="if(this.value=='что ищем?')this.value='';" value="что ищем?" type="text">
</form>
<div class="close-search"><a class="fa fa-times" href="#"></a></div>
2) Мобильные:
<form action="{$_modx->makeUrl($pageId)}" method="get" class="responsive-search msearch2">
<input name="{$queryVar}" onblur="if(this.value=='')this.value='Что ищем?';" onfocus="if(this.value=='Что ищем?')this.value='';" value="Что ищем?" type="text">
</form>
Версия сайта адаптивная и соответственно все показывается в зависимости от ширины экрана. Но при этом грузятся одновременно две эти формы.
В результате идет два обращения:
/components/msearch2/js/web/lib/jquery-ui.min.js?_=1321205578675
/components/msearch2/js/web/lib/jquery-ui.min.js?_=1321205578676
Подскажите, как сделать, чтобы было одно обращение?
[[mSearchForm?
&pageId=`375`
&autocomplete=`queries`
&tplForm=`mSearch2_form`
&tpl=`mSearch2_result`
]]
Соответственно поставил это как вызов формы в 2 места на странице. Поиск в формах работает, полёт нормальный.
Отлично!