Ziptastic / Ziptastic Jquery Plugin
Licence: mit
This is a jQuery plugin that shows how Ziptastic could be used.
Stars: ✭ 244
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Ziptastic Jquery Plugin
Uploader
A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
Stars: ✭ 1,042 (+327.05%)
Mutual labels: jquery-plugin, forms, jquery
Form2js
Javascript library for collecting form data
Stars: ✭ 630 (+158.2%)
Mutual labels: jquery-plugin, forms, jquery
Jquery Viewer
A jQuery plugin wrapper for Viewer.js.
Stars: ✭ 235 (-3.69%)
Mutual labels: jquery-plugin, jquery
Jquery Gantt
🌈 Lightweight jQuery gantt plugin.
Stars: ✭ 193 (-20.9%)
Mutual labels: jquery-plugin, jquery
Liteaccordion
A lightweight horizontal accordion plugin for jQuery.
Stars: ✭ 234 (-4.1%)
Mutual labels: jquery-plugin, jquery
Rangeslider.js
🎚 HTML5 input range slider element polyfill
Stars: ✭ 2,153 (+782.38%)
Mutual labels: jquery-plugin, jquery
Tui.editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Stars: ✭ 14,016 (+5644.26%)
Mutual labels: jquery-plugin, jquery
Jcf
Advanced form elements customization using CSS/JS
Stars: ✭ 203 (-16.8%)
Mutual labels: forms, jquery
Bootstrap Input Spinner
A Bootstrap 4 / jQuery plugin to create input spinner elements for number input
Stars: ✭ 176 (-27.87%)
Mutual labels: jquery-plugin, jquery
Bootstrap Checkbox
A checkbox component based on Bootstrap framework.
Stars: ✭ 214 (-12.3%)
Mutual labels: jquery-plugin, jquery
Amaranjs
Nice, sleek and stylish notifications.
Stars: ✭ 214 (-12.3%)
Mutual labels: jquery-plugin, jquery
Ajax Live Search
AJAX Live Search is a PHP search form that similar to Google Autocomplete feature displays the result as you type.
Stars: ✭ 238 (-2.46%)
Mutual labels: jquery-plugin, jquery
Jquery Contextmenu
jQuery contextMenu plugin & polyfill
Stars: ✭ 2,148 (+780.33%)
Mutual labels: jquery-plugin, jquery
Calx.js
jQuery Calx - a jQuery plugin for creating formula-based calculation form
Stars: ✭ 190 (-22.13%)
Mutual labels: jquery-plugin, jquery
Hc Offcanvas Nav
JavaScript library for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements, supporting swipe gestures, keyboard interactions and ARIA attributes.
Stars: ✭ 201 (-17.62%)
Mutual labels: jquery-plugin, jquery
Magnify
A lightweight jQuery magnifying glass zoom plugin.
Stars: ✭ 218 (-10.66%)
Mutual labels: jquery-plugin, jquery
Sticky Sidebar
😎 Pure JavaScript tool for making smart and high performance sticky sidebar.
Stars: ✭ 2,057 (+743.03%)
Mutual labels: jquery-plugin, jquery
Bdialog
Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
Stars: ✭ 174 (-28.69%)
Mutual labels: jquery-plugin, jquery
Official Ziptastic jQuery plugin!
Seamlessly integrate Ziptastic! with jQuery
Usage
Standalone Lookup
Can be used to query for a specific zip code.
$.ziptastic('US', 48867, 'your-api-key-here', function(country, state, stateCode, city, zip) {
console.log(country, state, stateCode, city, zip);
});
Input Keyup Wrapper with forward geocoding (postal code)
var duration = 500;
var elements = {
country: $('#country'),
state: $('#state'),
state_short: $('#state-short'),
city: $('#city'),
zip: $('#zip')
}
// Initially hide the city/state/zip
elements.country.parent().hide();
elements.state.parent().hide();
elements.state_short.parent().hide();
elements.city.parent().hide();
var options = {
"key": "<your-api-key-here>",
"country": "US"
}
elements.zip.ziptastic(options)
.on('zipChange', function(evt, country, state, state_short, city, zip) {
// Country
elements.country.val(country).parent().show(duration);
// State
elements.state_short.val(state_short).parent().show(duration);
elements.state.val(state).parent().show(duration);
// City
elements.city.val(city).parent().show(duration);
});
});
Using Reverse Geocoding
Just set reverseGeo
to true
in the options
object.
var options = {
"key": "<your-api-key-here>",
"reverseGeo": true,
"country": "US"
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].