Tic-tac-toe is built with Drag and Drop library explained in previous post "Drag and drop table content with JavaScript". Example shows how to move and dynamically enable / disable DIV objects.
3 responses so far
School timetable is another example of how to use my Drag and Drop library. Detail description of library can be read on previous post "Drag and drop table content with JavaScript". This example is built on top of two tables: school subjects on the left and timetable on the right.
12 responses so far
This post shows how to use Drag and Drop library described in my previous post "Drag and drop table content with JavaScript". HTML table is stylized to have left column with content, main table and message line. Elements on the left side (green and orange) should be placed to the coloured table cells. After elements are correctly sited, appropriate message will be displayed.
6 responses so far
Content of HTML table cells can be dragged to another table cell or another table. It isn't difficult to define onMouseMove handler and change top / left element styles to move the object. In case with tables, you will have to determine somehow destination table cell. Attaching onMouseOver handler on table cells will not work, because browser doesn't fire events to the elements beneath the dragged object.
329 responses so far