Draggable | SourceCodester

Draggable Image Elements Using HTML, CSS and JavaScript with Source Code

Submitted by rems on Mon, 02/10/2025 - 16:42

Welcome to Draggable Image Elements Using HTML, CSS, and JavaScript! This interactive project allows users to freely drag and reposition images within a designated area, creating a dynamic and engaging experience. By leveraging JavaScript’s event handling, users can smoothly click, hold, and move images around the screen, making this a great example of real-time UI interaction. Whether you're a

Draggable Card Slider Using HTML, CSS and JavaScript with Source Code

Submitted by rems on Wed, 10/23/2024 - 15:20

Welcome to the Draggable Card Slider project, an intuitive and visually appealing way to display multiple items in a confined space. This project is built using HTML, CSS, and JavaScript, offering a clean and interactive user experience. With a simple drag-and-scroll feature, users can easily navigate through the cards, which display images, titles, and descriptions. The slider ensures a smooth

Draggable Timeline Panel using jQuery

Submitted by alpha_luna on Sat, 09/03/2016 - 10:16

In this tutorial, we are going to create Draggable Timeline Panel using jQuery. If you have social networking sites project you can use this to have a draggable timeline panel. Facebook timeline is very common to us. The timeline style in Facebook is very much useful in terms of findings post content from the user based on the year posting. What if we are going to create a timeline but it is a draggable design and it can be dragged and dropped by the user?

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.

Simple Mapping System using PHP and JQuery

Submitted by jaredgwapo on Tue, 12/22/2015 - 17:53

In this tutorial, we are going to learn to learn how to make a drag and drop system and save its location. This is a simple project that you can use in your website or system. DIRECTIONS PUT THE LINKS INSIDE YOUR HEAD TAG CSS CODE HTML CODE " style="position: absolute; top: px; left: px; z-index: 9999; height: 20px; width: 20px;"> " id="top" value=""> " id="left" value=""> " style="display: none;"