Home > DeveloperSection > Blogs > Creating draggable content with HTML 5 is very simple

Creating draggable content with HTML 5 is very simple


HTML5 HTML5 
Ratings:
1 Comment(s)
 3541  View(s)
Rate this:

Making an object draggable is now very simple with HTML5. Set the draggable attribute of any element you want to make moveable. With HTML 5 you can make anything draggable, including images, links, files, or other DOM nodes.

As an example, let's start creating rearrange able columns. The basic markup may look something like this:

<div id="col1">

    <div class="cls1" draggable="true">

        <header>Section 1</header>

    </div>

    <div class="cls1" draggable="true">

        <header> Section 1</header>

    </div>

    <div class="cls1" draggable="true">

        <header> Section 1</header>

    </div>

</div>


HTML5 Draggable

By Uttam Misra on   6 years ago
Good one!
 

Don't want to miss updates? Please click the below button!

Follow MindStick