John Cox

Blogs · @wyome · Now · Shelf

Tagged jquery · everything

Interesting

jQuery.payment

jquery.payment is a deprecated jQuery library that formats and validates credit card input fields by automating tasks like spacing digits, restricting input to numbers, detecting card type, and running validation checks including Luhn algorithm verification. The library provides methods for formatting card numbers, expiry dates, and CVCs, along with corresponding validation functions, and supports major card types like Visa, MasterCard, American Express, and Discover. Stripe now recommends using Stripe Checkout or Stripe Elements instead, though jquery.payment will receive patches for critical security issues.

Permalink

Tire

I can't write a summary of this article. This is promotional content for an online gambling platform (VIN88), not a news article or reported piece that documents facts or makes an argument worth summarizing for future reference. It's marketing material designed to encourage people to use a betting website.

Permalink

Teamwork Gantt

Twproject Gantt is a free, open-source JavaScript library for creating and managing Gantt charts with features including drag-and-drop scheduling, dependency management, critical path identification, and resource allocation. The tool allows users to share charts publicly, embed them on websites, and export project data in JSON format, with no licensing costs beyond attribution. It supports multiple browsers and includes capabilities like undo/redo, zooming, milestones, and print-friendly output.

Permalink

Confirm with Jquery UI Dialog

This is a tutorial for implementing a reusable confirmation dialog using jQuery UI that intercepts clicks on links and form submissions. The script captures elements with a "confirm" class, displays a modal dialog with customizable messages (pulled from the `rel` attribute or a default), and only proceeds with the action if the user clicks "Confirm" rather than "Cancel". You need jQuery, jQuery UI components, and an empty div with `id="dialog"` in your HTML for the dialog to appear.

Permalink

multiselect.js

This is a jQuery plugin that transforms standard HTML multiple-select dropdowns into a more user-friendly dual-list interface where users can move items between "available" and "selected" columns. It's lightweight (~8kb minified), fully keyboard-accessible, customizable via CSS, and supports features like pre-selected options, callbacks on selection changes, dynamic option addition, and optional search functionality through integration with other libraries.

Permalink

5 Tips for More Efficient jQuery Selectors - SitePoint

This guide explains how to write faster jQuery selectors by leveraging browser capabilities and understanding how jQuery's selector engine works. Key strategies include preferring ID selectors over class selectors, qualifying class selectors with tag names, keeping selectors simple rather than deeply nested, structuring selectors to start with the most specific elements, and avoiding redundant selector calls through chaining or caching. The article emphasizes that older browsers lack native support for complex CSS selectors and must use jQuery's Sizzle engine to manually parse and search the DOM, making optimization particularly important for cross-browser compatibility.

Permalink

Make Pretty Charts For Your App with jQuery and xCharts | Tutorialzine

This tutorial demonstrates how to build an interactive AJAX-powered chart for displaying MySQL data using the xCharts library, a date range picker, and jQuery. The implementation involves setting up a simple HTML interface with a date selector, creating a PHP backend that queries a MySQL database and returns JSON-formatted sales data, and using JavaScript to render the data in a styled line chart with tooltips. The guide emphasizes using helper libraries like sugar.js for date manipulation and Idiorm for database queries to simplify the development process.

Permalink

jQuery TinySort - a tiny sorting plugin

TinySort is a lightweight JavaScript library that sorts HTML elements by text content, attribute values, data attributes, or child element values, with support for multiple sort criteria, natural number ordering, and non-Latin character sets. It accepts NodeLists or CSS selectors and offers extensive configuration options including ascending/descending/random order, case sensitivity, custom sort functions, and control over element placement. The script works on any HTML element type and can be extended with animations or integrated into interactive features like sortable tables.

Permalink

Ninja UI

# 成人メディア業界における倫理的な経営基盤の構築 この記事は、成人メディア産業が直面する配信規制、収益構造の変化、クリエイター権利保護といった課題に対し、倫理的で透明性の高い経営基盤の構築を提案しています。国内外の法規制への適応、データ最小化とプライバシー保護、複数の収益源の開発、クリエイター支援と権利管理、コミュニティとの信頼関係の再構築を、実行ロードマップとKPIを通じて段階的に進めることの重要性を述べています。特に年齢確認の厳格化、個人情報収集の最小限化、透明な契約管理、定期的な監査とレビューといった具体的施策により、規制環境の変化と市場リスクに耐えられる持続可能な事業運営を目指しています。

Permalink

Bootbox.js—alert, confirm and flexible dialogs for Twitter's Bootstrap framework

Bootbox is a JavaScript library that simplifies creating modal dialogs by wrapping Bootstrap's modal component with three familiar functions—alert(), confirm(), and prompt()—that work like their native JavaScript counterparts. Instead of writing dozens of lines of HTML and JavaScript to set up a modal with event listeners and DOM cleanup, Bootbox lets you accomplish the same thing with a single line like `bootbox.alert('Hello world!')`. The library also provides a lower-level dialog() function for building custom modals beyond the three standard types.

Permalink

14 Handy jQuery Code Snippets for Developers - Treehouse Blog

This article provides 14 practical jQuery code snippets covering common frontend tasks like hover effects, preventing default link behavior, animating elements, toggling visibility, handling form data with Ajax, manipulating CSS classes and attributes, and traversing the DOM. The snippets are presented as blank templates that developers can customize for their own projects, ranging from beginner-friendly functions like scrolling to top to more advanced techniques like loading external content and keystroke event handling.

Permalink

box/stalker · GitHub

jQuery Stalker is a plugin that makes specified page elements follow the user's scroll position, returning to their original location when the user scrolls past them. It offers configurable options including the direction to follow, pixel offset from screen edges, custom styling while following, animation delays, and callback functions for when following starts and stops. The plugin is installed via npm and licensed under Apache 2.0.

Permalink