[ad_1]
To get this product on 50 % low cost contact me on this link
Ocean Star – Hotels Search Form
JavaScript library for customizable and intuitive resort search kinds
Ocean Star is a JavaScript library for customizable and intuitive resort search kinds with loads of totally different options and choices. It has a responsive nation autocomplete, highly effective date vary picker with a contemporary calendar widget, and visitor selector with the chance so as to add fields dynamically. It makes it simple so as to add a terrific-wanting resort search kinds to your web site or utility.
General Features
- The widget is written in pure ES6 JavaScript, no dependencies are required.
- 100+ prepared to make use of examples.
- It is effectively examined utilizing the well-known consumer aspect Jest testing framework.
- Any variety of widgets could be added to the web page with the identical or with totally different settings.
- The plugin has many configuration choices, a number of occasions, and APIs.
- Very simple to arrange and preserve.
Mobile Version
The widget has a good-looking devoted cell model that opens as a fullscreen popup with a detailed button.
Look and Feel
- Vertical and horizontal layouts.
- Shadow, fade, stripes, and gradient themes.
- Multiple coloured themes.
- Looks good on darkish and coloured backgrounds.
- 248 good-looking nation thumbnails.
- CSS types could be modified simply.
- Provided minified and non-minified CSS variations.
- CSS3 icons animations.
Transitions and Animations
- Slide-Down, Slide-Up, Slide-Left & Slide-Right Animations.
- Fade-In & Fade-Out Animations.
- Shape Animations.
- Combined Slide & Fade Animation.
Horizontal Layout
Ocean Star helps an optionally available horizontal structure for the big screens.
Storage Options
It is feasible to save lots of person choice in browser storage or cookies. This approach, the earlier worth chosen by the person might be restored as soon as he/she returns to the web page from one other web page or web site, or after the web page refresh.
- Local storage – the person choice might be saved within the browser till the person clears looking information.
- Session storage – the person choice might be retailer throughout one browser session (till the person closes the browser, opens a brand new browser window or tab, or till the person clears looking information).
- Cookies – this feature moreover permits sending person choice to the server with every request.
Validation & Form Submit
The library has a good-looking type validation with customized error messages with an choice to subscribe to error and success occasions programmatically.
Once the shape is submitted, it sends all information chosen by the person to the shape motion URL. It can be doable to disable this conduct, subscribe to submit occasion, and carry out customized logic.
APIs
It is feasible to get type values and to verify if the shape is legitimate programmatically in any given second through plugin APIs.
Countries Autocomplete Features
Countries autocomplete is a extremely customizable JavaScript widget with a wealthy set of settings and choices. It filters nations record by the person enter in a drop-down record on desktop and a fullscreen popup on cell.
General Features
- Countries autocomplete has 248 nations with flag icons and ISO 3166 nation codes (2 and three letters).
- Countries autocomplete helps native information set in JSON format that may be modified simply.
- It additionally helps distant customized AJAX calls on each person enter that may be modified as wanted.
- It is feasible to configure a number of plugin choices and subscribe to totally different occasions, reminiscent of nation choice, information loading, and extra.
Mobile Version
Countries autocomplete has a good-looking devoted cell model opening as a fullscreen popup.
Countries Filter Modes
- Starts With filter mode – finds all nations that begin with the textual content entered by the person.
- Contains filter mode – finds all nations that comprise person enter a minimum of one time.
- Equals filter mode – discover the one nation that precisely matches person enter.
Additional filter options and settings
- Filter ignores some not vital characters entered by the person like quotes. It’s doable to configure this conduct utilizing regex expression.
- Autocomplete will not be case-delicate, regardless of if the person enters France, FRANCE, and even fRENce it should filter it accurately.
- The maximal variety of filter outcomes additionally could be modified (5 by default).
- Filtered textual content is highlighted within the search outcomes. For instance, if the person is on the lookout for ger, this half might be highlighted within the phrase Germany.
Keyboard Shortcuts
- ESC clears the filter textual content field.
- UP and DOWN arrow permits the person to navigate by means of the nations with out utilizing the mouse.
- Once the person navigates to the nation with UP / DOWN keys, it may be chosen by urgent ENTER.
- Amd rather more…
Events and Callbacks
- onchange occasion, that’s fired when chosen merchandise adjustments.
- loaded occasion, that’s fired every time the dataset is loaded through ajax.
- opened occasion, that’s fired when the filter outcomes record seems.
- closed occasion, that’s fired when the filter outcomes record hides.
- and rather more…
Texts
Most texts within the widget could be modified or straight in HTML, or utilizing plugin settings.
Calendar Features
Date vary picker is a extremely customizable javascript widget with a wealthy set of settings and choices. It permits you to choose a date vary utilizing a handy drop-down calendar in desktop, and a fullscreen popup calendar in cell.
General Features
- Possibility to outline preliminary from & to dates.
- User choice is printed on the backside of the calendar.
- There is an choice to print additionally the variety of nights with a customizable textual content.
- If the person closes the dropdown/popup after which reopens it, the calendar remembers the final chosen state.
- All days between the chosen “from” and “to” dates are highlighted.
Mobile Version
- Date vary picker has a good-looking devoted cell model opening as a fullscreen popup with a detailed button.
- In cell, it has an infinite scroll by months.
Texts
Most texts within the date picker could be modified or straight in HTML, or utilizing plugin settings.
Events and Callbacks
- onchange occasion, that’s fired when the information adjustments.
- opened occasion, that’s fired when the calendar seems.
- closed occasion, that’s fired when the calendar hides.
- and rather more…
Guests Selector Features
Guests selector is a extremely customizable javascript widget with a wealthy set of settings and choices. It permits you to choose portions of a number of fields, together with dependent fields.
General Features
- Every subject has the choice to outline a title in singular and plural type.
- It is feasible to outline a change step (in case you want it to leap as 2, 3, or one other worth).
- It’s doable to outline a minimal and maximal subject worth, together with limitless as an choice.
- Any variety of dynamically generated age fields.
Mobile Version
Guests selector has a good-looking devoted cell model opening as a fullscreen popup with a detailed button.
Events & Callbacks
- onchange occasion, that’s fired when the information adjustments.
- opened occasion, that’s fired when the widget seems.
- closed occasion, that’s fired when the widget hides.
- and rather more…
Texts
Most texts within the company selector could be modified or straight in HTML, or utilizing plugin settings.
[ad_2]
To get this product on 50 % low cost contact me on this link
