Сообщений в теме: 13

[Kess]

Hello,

 

If you want to have several search bars on one page then yes, you'll have to use something unique to address them. They don't have unique parent divs so In this example I used an "id". In order to add this functionality to your frontpage form, I think it would be enough to modify this script by adding another selector:

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#ui-id-1 li').live("click", function() {
        jQuery('#jbzoo-filter-search2-95, #jbzoo-filter-search1-99').submit();
    });
});
</script>

For your future search modules, you can get the needed id by looking at the "form" element of that module:

 

Also, it's better to check an id of autocomplete list to be sure. It is generated as you type, so if you type something in the search field, having an opened inspector, you'll see it at the bottom:

 

 

Regarding your second issue, I'm afraid it can't be done with a simple script like this one.

[P.K]

Hi

Thanks that solves the problem. 

Though there is a slight problem of css which arrived suddenly. Its the misaligned search button

 

Tried a lot to correct it.Cant find the problem

 

thanks

[Sliapy]

Can you provide a link to the page with this field?

Сообщение отредактировал Sliapy: 11 October 2013 - 14:07

[Kess]

Try this:

To your existing style:

#jbzoo-filter-search1-99 .filter-fields, #jbzoo-filter-search1-99 .controls {
    display: inline-block;
}

add

vertical-align: middle;

and add another style:

#jbzoo-filter-search1-99 .controls {
    margin-top: 5px;
}

This seems to work fine.