Skip to main content
Tonysalvador
Participating Frequently
Aug 19, 2021 8:56 PM UTC
Question

How to add drag and drop interactivity to a website

I want to build a website for a balloon store. On this website, I'd like for customers to be able to drag and drop pictures of balloons into a window and arrange the pictures however they want; this feature will help customers better visualize what balloons they want, and how they can arrange each balloon, balloon bouquet, etc. I've looked and looked for tutorials on how to do this, but haven't found anything for exactly what I want to make. Any help, tutorials, etc., are greatly appreciated.

This topic is closed to new replies. Start a new post to keep the conversation going.

5 replies

B i r n o u
Legend
Aug 20, 2021 7:45 AM UTC

depending on your ability to use code, you can either code everything from scratch or rely on a dedicated library.

here are two starting point

https://www.linkedin.com/learning/html5-l-api-drag-and-drop/bienvenue-dans-html5-l-api-drag-and-drop

https://shopify.github.io/draggable/

 

Translate
BenPleysier
Community Expert
Community Expert
Aug 20, 2021 10:36 AM UTC

I knew there was more to @B i r n o u  than meets the eye; it is Sébarte

 

 

Now what it is that I truly desire: who @osgood_  ?

 

Translate
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Nancy OShea
Community Expert
Community Expert
Aug 20, 2021 12:13 AM UTC

Dreamweaver has no such features out of the box.  You need to manually program interactivity with code if you're capable of doing it.  Or you can hire an experienced developer who can.

 

Good luck!

 

Translate
Nancy O'Shea— Product User & Community Expert
Tonysalvador
Participating Frequently
Aug 21, 2021 1:59 AM UTC

Thanks, Nancy! I'll look into those options; greatly appreciate your help.

Translate