John Cox

Blogs · @wyome

Tagged jquery · everything

How to create a stunning and smooth popup using jQuery | yensdesign - Tutorials, Web Design and Coding

This tutorial demonstrates how to build a modal popup window using jQuery with HTML and CSS, featuring smooth fade-in/fade-out animations, automatic centering, and multiple closure options (pressing Escape, clicking outside the popup, or clicking an X button). The example uses a status variable to track whether the popup is open or closed, and jQuery event handlers to trigger the loading, disabling, and centering functions when users interact with the page.

Permalink

Introducing Slippy - HTML Presentations - Seld.be

Slippy is a lightweight HTML presentation library built on jQuery that transforms standard HTML markup into browser-based slideshows, making it especially suited for technical talks with its built-in syntax highlighting and live code execution capabilities. The tool can run JavaScript code samples in real time during presentations and display results in custom styled alert boxes rather than browser dialogs, allowing presenters to demonstrate code interactively. The project is open-source on GitHub with example slides and documentation, though the creator acknowledges it's still under development and plans to improve styling and add more comprehensive docs.

Permalink

10 jQuery Plugins to Help with Web Page Layouts | Tools

This article surveys ten jQuery plugins designed to handle complex page layouts that CSS alone cannot achieve, ranging from flexible container systems and masonry-style grid arrangements to newspaper-column formatting and text-wrapping solutions. The plugins span different layout challenges: some create draggable, resizable containers (mb.containerPlus, UI.Layout), others implement multi-column layouts (Columnizer, js-columns), and a few solve specific problems like making elements equal height or wrapping text around image contours rather than bounding boxes. The selections assume jQuery as the necessary tool for designers facing layout requirements beyond standard CSS float and positioning capabilities.

Permalink

jQuery Plugin : jConfirmAction | Webstuffshare.com - Worth Sharing Bookmarked Webstuff

This is a broad instructional guide covering foundational and intermediate web development concepts, including HTML structure, responsive design with fluid grids, hosting and domain selection, database schema design, and security considerations. It emphasizes that web development skills progress from basics like learning HTML tags to more advanced topics like frameworks and API integration, with practical advice drawn from real-world experience. The resource positions itself as evolving alongside the web itself to serve developers at various skill levels.

Permalink

HoverAttribute jQuery plugin « afEkenholm Web Design

Texten presenterar ett introduktionsöversikt av webbdesign och digital marknadsföring som växande yrkesområden i det moderna samhället, där företag numera är beroende av digital närvaro för att kunna konkurrera. Webbdesign förklaras som utformningen av webbplatser och appar anpassade för specifika ändamål och målgrupper, medan digital marknadsföring definieras bredare och omfattar allt från nätannonsering till sökmotoroptimering. Texten är tänkt som en introduktion till dessa branschområden med löfte om vidare vägledning.

Permalink

jQuery plugin: Easy List Splitter | Andrea Cima Serniotti

This post introduces Easy List Splitter, a lightweight jQuery plugin that transforms single lists into multi-column layouts by splitting list items across multiple columns and wrapping them in a container div. The plugin generates clean HTML without inline styles, supports both vertical and horizontal item ordering, preserves nested lists, and allows different column configurations for multiple lists on the same page. All styling is handled through CSS classes rather than hardcoded JavaScript, keeping the plugin size minimal at 4KB with no dependencies.

Permalink

Lightbox Print Option? - SitePoint Forums

This post provides a step-by-step guide for adding print functionality to Lightbox image galleries by creating a dedicated print stylesheet, adding a print button to the lightbox interface, and binding a print command to that button. The solution involves hiding all page elements during printing while displaying only the lightboxed image, then triggering the browser's print dialog when the button is clicked.

Permalink

40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout | AEXT.NET

This article distinguishes between two separate speed variables in casino payouts: how quickly an operator approves a withdrawal versus how quickly the payment network settles it, and explains why confusing these two creates unrealistic expectations. It reviews ten operators across payout methods, bonus structures, withdrawal limits, and regulatory frameworks, establishing that crypto and e-wallets settle fastest while traditional banking adds days, and that no-wagering bonuses unlock cash immediately while large percentage matches lock funds behind substantial playthrough requirements. The core argument is that payout speed depends less on operator marketing and more on the specific payment rail chosen, whether verification is completed before withdrawal is requested, and whether bonus conditions have been met.

Permalink

Dynamically fill in form values with jQuery - Stack Overflow

I can't summarize this—it's not a saved article. This is a technical code example showing how to auto-populate form fields using jQuery and PHP, where entering an email triggers a database lookup via AJAX that returns first and last names in JSON format to fill adjacent input fields. If you have an article you'd like me to summarize, please share that instead.

Permalink

Ben Alman » jQuery BBQ: Back Button & Query Library

jQuery BBQ is a plugin that simplifies browser history management and bookmarking in dynamic web applications by using the hashchange event to enable URL-based state tracking. It provides utilities to parse, serialize, and merge URL parameters (via `.deparam()` and `.param()` methods) and allows multiple widgets on the same page to manage their own state independently without conflicts. The plugin makes it easy to bind hashchange events and push/retrieve state objects to create functional back/forward buttons and bookmarkable URLs in AJAX-heavy applications.

Permalink

Ajax Autocomplete for jQuery

This is documentation for devbridge-autocomplete, a lightweight jQuery plugin (13 KB minified) that adds autocomplete dropdowns to text input fields with support for both local arrays and Ajax-based suggestions. The plugin offers extensive configuration options including debouncing, caching, result filtering, custom rendering, and grouping, while version 2.0 modernizes it to require jQuery 3.0+ and targets contemporary browsers. It handles both standard and non-standard server response formats through customizable transformers and provides instance methods for runtime control like enable/disable and cache clearing.

Permalink

5 Ways to Make Ajax Calls with jQuery | Nettuts+

This tutorial compares five jQuery methods for making AJAX calls—load(), $.getJSON(), $.getScript(), $.get(), and $.post()—explaining when to use each based on whether you need to inject HTML into the DOM, retrieve JSON data, load scripts, or make general GET/POST requests. It demonstrates how to inspect these calls with Firebug and shows practical examples like passing parameters via GET or POST, executing callbacks on success, and handling different response formats. The guide concludes that while these five methods cover most needs, $.ajax() should be used when you need error handling or fine-grained control over request options.

Permalink

10 New jQuery Plugins You Have to Know

This roundup showcases ten jQuery plugins that were gaining attention around 2010, featuring interactive tools like image galleries with 360-degree previews, AJAX-based infinite scrolling, animated social sharing buttons, and customizable UI elements—many of which replicated effects previously requiring Flash or Java. The author highlights standout plugins like "The Most Awesome jQuery Image Slider" for its elegant Apple-like design and QuickSand for its innovative filtering capabilities, while noting that jQuery had made it feasible to build complex visual effects entirely in JavaScript.

Permalink