John Cox

Blogs · @wyome

Tagged jquery · everything

reactiveraven.github.io

jqBootstrapValidation by ReactiveRaven

This documentation covers the configuration options and API for jqBootstrapValidation, a jQuery form validation plugin that integrates with Bootstrap. It explains settings like `sniffHtml` (whether to detect HTML5 validation attributes), `preventSubmit` (blocking invalid form submissions), and `autoAdd` (automatically creating help block elements), along with callbacks for handling submission errors and success. The page also details how to use the `override` function to customize or extend the plugin's behavior, including creating custom validators with init and validate methods, and provides utility functions like `collectErrors()` and `hasErrors()` for inspecting form validation state.

Permalink tutorialpluginsjquery

flippinawesome.org

GitHub

ENFOS/FlowupLabels.js · GitHub

This is a jQuery plugin that enhances form labels to function as floating placeholders that animate out of the way when users focus on an input field. Unlike traditional placeholder text that can confuse users into thinking fields are already filled, this implementation uses semantic HTML labels with colons to clearly indicate required input, and intelligently handles pre-filled forms on page load. The plugin is lightweight (under 1kb gzipped) and compatible with IE8+ and modern browsers.

Permalink pluginsjquery

aef-.github.io

(500) http://aef-.github.io/jquery.masterblaster/

This documentation describes Masterblaster, a jQuery plugin for managing user-generated tags with configurable validation rules like uniqueness, length constraints, and pattern matching. The plugin provides methods to add and remove tags programmatically, fires custom events when tags are modified or validation fails, and offers configuration options for user interaction including trigger keys, animation, and real-time validation behavior.

Permalink developmenttagspluginsjquery

markdalgleish.com

Fathom.js

Fathom.js is a jQuery plugin that turns HTML slides into an interactive presentation controlled via keyboard, mouse, or custom JavaScript interfaces, with optional video synchronization. The tool requires only simple div markup for slides and can be configured to display one slide at a time or multiple slides in a continuous scrollable view. It provides callback hooks and methods for creating custom navigation controls and syncing presentation slides to Vimeo videos through a timeline array.

Permalink tutorialjqueryframeworkpresentation

ubilabs.github.io

Geocomplete - jQuery Geocoding and Places Autocomplete Plugin

Geocomplete is a jQuery plugin that integrates Google Maps' geocoding and places autocomplete services into a web form, allowing users to search for locations with autocomplete suggestions. The plugin can optionally display an interactive map, automatically populate form fields with address details (latitude, longitude, formatted address, country codes, etc.), and supports features like draggable markers and custom map styling through various configuration options. It fires events for successful geocoding, errors, multiple results, and user interactions like map clicks and marker dragging, while also exposing methods to programmatically access the underlying map and perform geocoding requests.

Permalink googlepluginsjquery

ngryman.sh

GitHub

BorisMoore/jquery-tmpl · GitHub

jQuery Templates was an official jQuery plugin for rendering HTML templates with data binding, but the jQuery team discontinued it before a full release, passing maintenance to the original developer. JsRender has since become the recommended successor, offering similar syntax but with significantly better performance and a superset of the original features. The documentation here preserves jQuery's official API reference for the $.tmpl() method, including examples of rendering local arrays, remote data via AJAX, and caching compiled templates for reuse.

Permalink pluginsjquery

www.jacklmoore.com

jQuery Autosize

Autosize is a lightweight JavaScript library that automatically expands and contracts textarea elements to fit their content, eliminating the need for manual scrollbars. It works across modern browsers, can be initialized on single or multiple elements, and provides methods to manually trigger height updates or remove the functionality entirely. The library also fires custom events when resizing occurs and offers troubleshooting guidance for common issues like performance problems in Webkit browsers or incorrect initial heights on hidden elements.

Permalink tutorialpluginsjquery

omarshammas.github.io

Formance.js by Omar Shammas

Formance is a jQuery library that formats and validates common form input types like credit cards, phone numbers, dates, and postal codes on the client side. While acknowledging that server-side validation is essential for security, the library prioritizes user experience by providing real-time formatting constraints and validation feedback that prevent users from entering improperly structured data. It supports various international formats including Canadian postal codes, Ontario driver's licenses, and UK sort codes.

Permalink pluginsjquery

arshaw.com

FullCalendar - Full-sized Calendar jQuery Plugin

FullCalendar is a widely-used JavaScript calendar library available for multiple frameworks (React, Vue, Angular, and vanilla JavaScript) that offers extensive customization through over 300 settings and a modular plugin system. The documentation provides installation instructions and basic setup examples for each framework, demonstrating how to create a calendar with month, week, and day view options. With over 9 million monthly NPM downloads and a commitment to maintaining a free open-source core while offering premium plugins for enhanced functionality, it serves as a comprehensive solution for integrating calendar functionality into web applications.

Permalink developmentpluginsjqueryframework

webpop.github.io

jQuery Pin

I can't summarize this text. It's placeholder "Lorem Ipsum"-style filler content (strings of dessert names with no actual information) rather than a saved article with an argument or report to convey. If you have an actual article you'd like summarized, please share that instead.

Permalink toolstutorialpluginsjquery

GitHub

elclanrs/jq-idealforms · GitHub

I can't summarize this document because it's a table of contents and feature list for a software library, not an article that argues or reports something. It reads as technical documentation rather than prose that would contain an argument or narrative worth capturing in a summary.

Permalink jqueryframework

www.jqchart.com

www.thepetedesign.com

jQuery One Page Scroll by Pete R. | The Pete Design

One Page Scroll is a jQuery plugin that enables full-page scrolling animations similar to Apple's product marketing websites, where each section fills the entire viewport and transitions smoothly as users scroll. The plugin requires minimal setup—just wrapping sections in a container div and calling a single jQuery method—and offers customization options for animation timing, selectors, and easing effects. Pete R. released it as a free, ready-to-use tool available on GitHub for developers wanting to create Apple-style one-page scrolling experiences.

Permalink animationtutorialpluginsjquery

Smashing Magazine

Introducing Responsive Web Typography With FlowType.JS | Smashing Coding

FlowType.JS is a jQuery plugin that automatically scales font size and line height in proportion to the width of its containing element, solving the problem that text becomes harder to read at certain viewport widths even when images scale perfectly. The developers explain the mathematical logic behind the tool—dividing element width by a ratio to determine optimal font size, then multiplying that by a line-height ratio—and walk through their iterative development process, including refinements suggested by peers that condensed the code to just 450 bytes. The plugin includes configurable minimum and maximum thresholds to prevent text from becoming illegibly small or large at different breakpoints.

Permalink tutorialjquery