0%

Hey! Do you have any query related to front end?

Sign in Sign up

Javascript drag and dropBack

It is a very light script which facilitate drag and drop functionality. One one has to add "drag" class on element, rest plugin do its work.There is a class "dragStat" has been added, where one can give css effects to elements.

HTML:

Add elements on the page with class "drag".

Drag Me

CSS:

Write css for the class drag as mentioned below, mainly its position abolute property rest you can add by your requirement.

.drag{position:absolute;}

External JavaScript:

Where to edit class if required.

In script if you want to edit element's class i.e. "drag". Search for:

var dragElement = document.getElementsByClassName('drag');

and change the class name as per requirement. Similarly you can change "dragStat" class too. Only you have to serch for the class "dragStat" and replace as per your choice.

That's all you have to do.

How to comment:

  • Create an account in discuss by clicking on login next to arrow.
  • Create password for discuss and varify your email id, through your mail.
  • Refresh page and comment.

You might also like

  • Tabbing with id and rel attribute

    Tabbing functionality with respect to ID and rel attribute.

    • 272
    • 8
    • 272
    • facebook icon
    • twitter icon
    • google plus
  • Javascript smart tooltip

    Make your title tag as tooltip.

    • 330
    • 16
    • 330
    • facebook icon
    • twitter icon
    • google plus
  • Side pusher hamburger menu

    Side pusher hamburger menu is a better way put more content on the page.

    • 516
    • 8
    • 516
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 4 years ago

amit singhabout 4 years ago

rahmat aliabout 4 years ago

mandavi tiwariabout 4 years ago

rahul sharmaabout 4 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back
Username
Password