educational

JQuery Lets Users Drag, Drop, Sort

One of the most compelling uses for jQuery is its ability to enhance the interactivity of next-gen user interface applications. In this arena, several techniques standout, such as the interactions offered by its Draggable, Droppable and Sortable plugins.

According to the jQuery UI website (www.jqueryui.com), the jQuery UI Draggable plugin makes selected elements draggable by mouse. To implement this technique, add the class ui-draggable to the draggable element. During drag, the plugin automatically adds the class ui-draggable-dragging to the desired element. For scripting dragand-drop events, the jQuery UI Droppable plugin provides a drop target for draggable elements.

Extending the power of Draggable, the jQuery UI Droppable plugin makes defined elements “droppable,” allowing them to accept draggable elements.

The action’s callbacks (start, stop, drag) each receive two arguments, including the original browser event and a UI object. These objects include the ui.helper, which is the object representing the element being dragged; ui.position, which provides the current position of the helper, relative to the offset element; and ui.offset, which gives the current absolute position of the helper, relative to the page.

“To manipulate the position of a draggable during drag,” states the jQuery UI website, “you can either use a wrapper as the draggable helper and position the wrapped element with absolute positioning, or you can correct internal values like so: $(this).data(‘draggable’) .offset.click.top -= x.”

Extending the power of Draggable, the jQuery UI Droppable plugin makes defined elements “droppable,” allowing them to accept draggable elements. The plugin allows users to specify individual draggable elements, or types of draggables to accept.

Due to this, the plugin provides an additional callback: ui.draggable, the current draggable element.

There are many applications where the ability to drag and drop page elements is very desirable, but what happens when the order of these elements requires reclassification?

Enter the jQuery UI Sortable plugin, which enables selected elements to be sortable by dragging them with a mouse. As with Droppable, additional callbacks are offered, including ui.item, which is the current dragged element; ui.placeholder (if one is defined); and ui.sender, identifying the sortable element where the item comes from.

While some applications for these technologies may seem overkill for adult, tools such as providing website subscribers with a customizable member’s area or gallery ranking experience will separate one site from its competitors. See how you can make these techniques work for your favorite online project!

Related:  

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

How to Halt Hackers as Fraud Attacks Rise

For hackers, it’s often a game of trial and error. Bad actors will perform enumeration and account testing, repeating the same test on a system to look for vulnerabilities — and if you are not equipped with the proper tools, your merchant account could be the next target.

Cathy Beardsley ·
profile

VerifyMy Seeks to Provide Frictionless Online Safety, Compliance Solutions

Before founding VerifyMy, Ryan Shaw was simply looking for an age verification solution for his previous business. The ones he found, however, were too expensive, too difficult to integrate with, or failed to take into account the needs of either the businesses implementing them or the end users who would be required to interact with them.

Alejandro Freixes ·
opinion

How Adult Website Operators Can Cash in on the 'Interchange' Class Action

The Payment Card Interchange Fee Settlement resulted from a landmark antitrust lawsuit involving Visa, Mastercard and several major banks. The case centered around the interchange fees charged to merchants for processing credit and debit card transactions. These fees are set by card networks and are paid by merchants to the banks that issue the cards.

Jonathan Corona ·
opinion

It's Time to Rock the Vote and Make Your Voice Heard

When I worked to defeat California’s Proposition 60 in 2016, our opposition campaign was outspent nearly 10 to 1. Nevertheless, our community came together and garnered enough support and awareness to defeat that harmful, misguided piece of proposed legislation — by more than a million votes.

Siouxsie Q ·
opinion

Staying Compliant to Avoid the Takedown Shakedown

Dealing with complaints is an everyday part of doing business — and a crucial one, since not dealing with them properly can haunt your business in multiple ways. Card brand regulations require every merchant doing business online to have in place a complaint process for reporting content that may be illegal or that violates the card brand rules.

Cathy Beardsley ·
profile

WIA Profile: Patricia Ucros

Born in Bogota, Colombia, Ucros graduated from college with a degree in education. She spent three years teaching third grade, which she enjoyed a lot, before heeding her father’s advice and moving to South Florida.

Women In Adult ·
opinion

Creating Payment Redundancies to Maximize Payout Uptime

During the global CrowdStrike outage that took place toward the end of July, a flawed software update brought air travel and electronic commerce to a grinding halt worldwide. This dramatically underscores the importance of having a backup plan in place for critical infrastructure.

Jonathan Corona ·
opinion

The Need for Minimal Friction in Age Verification Technology

In the adult sector, robust age assurance, comprised of age verification and age estimation methods, is critical to ensuring legal compliance with ever-evolving regulations, safeguarding minors from inappropriate content and protecting the privacy of adults wishing to view adult content.

Gavin Worrall ·
opinion

Account-to-Account Payments: The New Banking Disruptor?

So much of our industry relies upon Visa and Mastercard to support consumer payments — and with that reliance comes increased scrutiny by both brands. From a compliance perspective, the bar keeps getting raised until it feels like we end up spending half our time making sure we are compliant rather than growing our business.

Cathy Beardsley ·
profile

WIA Profile: Samantha Beatrice

Beatrice credits the sex positivity of Montreal for ultimately inspiring her to pursue work in adult entertainment. She had many friends working in the industry, from sex workers to production teams, so it felt like a natural fit and offered an opportunity to apply her marketing and social media savvy to support people she truly believes in and wants to see succeed.

Women In Adult ·
Show More