How can I enable drag and drop on a web page and have dynamic elements?

davidcowler
davidcowler used Ask the Experts™
on
Hi experts

What programming technology would I need in order to add drag and drop capability to a web page? I'm also interested in areas that auto expand depending on user interaction - think Facebook, when expanding the comments on a status update - the page elongates with smooth scrolling to accomodate the new information.

I'm proficient with PHP and know a little Javascript and HTML. Can I achieve it with these two technologies or would I need something like HTML5 and CSS3?

Thanks in advance
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Author

Commented:
As another example of the expanding areas, of course, is the Experts Exchange site itself. When you click on 'my open questions', the box smoothly opens up to reveal more information.
Owner (Aidellio)
Most Valuable Expert 2015
Commented:
Look to use a javascript library such as jquery.  It will not only do the animation and scripting but also the look and feel with it's own css libraries.

check it out some of the demos in action:

http://jqueryui.com/demos/droppable/

http://jqueryui.com/demos/draggable/

Author

Commented:
Looks like just what I'm looking for, thanks!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial