Drag and drop table content with JavaScript – School timetable




Video shows Web page “School timetable” based on JavaScript REDIPS.drag library. Using lib is very simple. Include redips-drag-min.js file, create HTML table, place DIV content to the table and dragging can begin. Oh, and just to mention – library has several drop options (multiple, single, switch, switching and overwrite), cloning element option, event handlers, autoscroll, support for nested tables, scrollable and fixed DIV containers …

URL: http://www.redips.net/javascript/drag-and-drop-example-3/
School timetable video is created with OpenShot 1.3.0 on FC14 x86_64
Song: Todd Clouser – Curtis (http://www.toddclouser.com/)

Original source


12 responses to “Drag and drop table content with JavaScript – School timetable”

  1. First of all, thank you for making this info available as a free source for everyone on the web… great app…
    I tried to look for all the html, .ccs style sheet and javascript code?
    can you help me getting all these so I can customize it to a personal planner I'm trying to make for myself?
    many thanks in advanced

  2. @thenetimp – Unfortunately I haven't Mac but I made tests with Safari on Windows. Please, can you provide more details because all examples in Safari work without a problem. If you want to test example03 (school timetable) please choose "static" version where is not needed MySQL. You can download redips2.tar.gz package and create simple database (all scripts are inside example03 directory) to enable save option. If you will have further questions, don't hesitate to contact me. Cheers!

Leave a Reply