This is the 1st part of a bigger project. Please see the attached screenshot. It shows a page layout grid dividing in 6 rows by 3 cells each row. What I want:
1.- The user to be able to remove any block by clicking the remove icon.
2.- The user to be able to resize the blocks so he can fill the empty space of a removed block.
3.- Three buttons under the layout:
3a- Save layout (using divs and not table)
3b- Undo last action
3c- Start again
This way a user will be able to design a page layout. Putting content there is another part of the project. Some points that need attention.
1.- For easy manipulation the container will has fixed dimensions (lets say 600width X 800 height). But this is only for an easy design. The code must have width:100% (the container) and the rows width relative (eg: width:40%). The height will be always auto, to be able to show all the content.
2.- For the same reason there is a border in the cells. The code must be border less, but in edit mode it must appears again.
3.- Except the original Add/Save code, must be a function Retrieve/Edit/Update. Server side language: PHP. Database: MySQL