Drag and drop | SourceCodester

JavaScript - Simple Replace Paragraph By Dragging

Submitted by razormist on Sun, 02/17/2019 - 09:29

Learn on how to create a Simple Replace Paragraph By Dragging using JavaScript. A simple JavaScript feature the use drag and drop function. This code will replace the existing word by the draggable object when drop.

PHP - Submit Post When Drag Using jQuery

Submitted by razormist on Sat, 01/26/2019 - 21:42

Learn on how to create a Submit Post When Drag Using jQuery. A advance jQuery technique that can store data information to the database server by dragging. This code is useful because you only just drag the object to the drop zone and it will automatically save the data to the database.

PHP - Drag And Drop Image Upload Using jQuery

Submitted by razormist on Fri, 09/21/2018 - 17:30

Learn on how to create a Drag And Drop Image Upload Using jQuery. A simple script that can make any image to upload to the database by dragging. This can be implement when you want your system to be automated just by dragging the image.

Drag, Drop and Insert into Database using AJAX/jQuery in PHP

Submitted by nurhodelta_17 on Tue, 09/26/2017 - 13:34

A simple tutorial on how to use drag and drop and insert the dropped item/s into database using AJAX/jQuery.

Drag and Drop using jQuery Plugin

Submitted by alpha_luna on Mon, 09/05/2016 - 14:19

In this tutorial, we have an example of a source code for the Drag and Drop using jQuery Plugin. In this example, we need a jQuery plugin to have a function of drag and drop.

Clip Art Image Interactive

Submitted by rinvizle on Thu, 07/28/2016 - 17:23

Hello guys. In this tutorial we will show you how to create an application Clip Art Image Interactive in php for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing the clip art images.

Image Drag & Drop Shuffle & Reorder Position

Submitted by rinvizle on Tue, 07/26/2016 - 11:23

This tutorial we will create a Image Drag & Drop Shuffle & Reorder Position. And would be very helpful for your programming projects. This project you will learn how to build drag and drop shuffle & reorder position of images using jQuery, Ajax, PHP and MySQL. And you would be able to provide a better user interface for your web project.

Drag and Drop Image Delete using PHP

Submitted by alpha_luna on Wed, 07/06/2016 - 12:49

If you are looking for Drag and Drop Image Delete using PHP and JavaScript then you are at the right place. This simple program created using PHP, MySQL, and JavaScript. The program works by dragging the image to the trash can to deleting image from the database table. Database Name: drag_and_drop

Source Code

In this source code, you can see the images in the gallery and the trash can image as you can see in the image below.

Multiple File and Drop Upload

Submitted by alpha_luna on Tue, 06/21/2016 - 12:02

If you are looking for Drag and Drop Multiple File Upload using HTML5 and jQuery then you are at the right place. Kindly take a look at this article, I had created this simple project with using jQuery and PHP that can upload multiple files via drag and drop into a server. This simple project will help you to develop your web applications upload system. Result

This simple project works in modern browsers like Chrome, Safari, Opera, and Firefox.

Read more about Multiple File and Drop Upload
Add new comment
488 views

Drag and Drop Shopping Cart using JQuery

Submitted by Jeprox on Tue, 12/22/2015 - 16:24

In this project you are going to learn drag and drop feature in shopping cart using JQuery. This Drag and Drop Shopping Cart feature can be useful to your website or project. Source Code: Shopping Cart Products Gadgets iPhone iPod iPad Accessories Earphone USB Cord Powerbank Bags Zebra Striped Black Leather Alligator Leather Shopping Cart Add your items here