Get new jQuery plugins just once a week

×

uniBox

June 15, 2014

uniBox | A jQuery plugin for universal search box with suggestions

uniBox is a Javascript jQuery Plugin for a universal search box with search suggestion to show instant visual feedback.

Example Code and settings :-

// create a settings object
var settings = {
// these are required:
suggestUrl: '', // the URL that provides the data for the suggest
// these are optional:
instantVisualFeedback: 'all', // where the instant visual feedback should be shown, 'top', 'bottom', or 'all', default: 'all'
throttleTime: 300, // the number of milliseconds before the suggest is triggered after finished input, default: 300ms
highlight: true, // whether matched words should be highlighted, default: true
queryVisualizationHeadline: '', // A headline for the image visualization, default: empty
animationSpeed: 300, // speed of the animations, default: 300ms
enterCallback: undefined, // callback on what should happen when enter is pressed, default: undefined, meaning the link will be followed
minChars: 3, // minimum number of characters before the suggests shows, default: 3
maxWidth: 400 // the maximum width of the suggest box, default: as wide as the input box
};

// apply the settings to an input that should get the unibox
$("#searchBox").unibox(settings);

Created by David Urbansky

Download

Example

uniBox jQuery plugin

search box

uniBox

Related posts:

bootstrap-select
mobilePhoneNumber
stretchy
uniBox jQuery plugin

http://jquer.in/wp-content/uploads/2014/06/uniBox.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever