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”
dhtmlx better
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
How can I extend the code that I get a dynamic calendar for the whole year with all days and weeks? Is it also possible to give to all the slots/cells in the calendar an unique ID?
im so thankful Mr Darko
can i use this in asp.net application ?
Yes, source code can be downloaded from my site.
may i get code?
must have been an anomaly it seems to be working now. Sorry about that.
@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!
doesn't work in Safari on the mac.
thx help a lot
Thank you!