538719 jQuery Resize/Delete Page Blocks 2

This project is now closed with a project budget of N/A.

Get free quotes for a project like this
Employer working
Project Budget
Project Description

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

Thank you

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online