Need a single page that has the following characteristics:
1) Uses the twitter bootstrap (http://twitter.github.com/bootstrap/) + bootstrap Xtra template (http://lightglitch.github.com/bootstrap-xtra/)
3) Must be able to drag an element from List 1 (populated by select statement) and drop it onto List 2 (populated by select statement) and on the drop event, populate a mysql table with an insert statement similar to: --> insert into xyz values ('',Value_from_list_1, Value_from_list_2)
Sample functionality: http://ken.a.ysdhk.com/ui-jquery-mobile/droppable.html
4) If you drop a name onto an element, you must be able to drag and drop elements already placed onto List 2 elements and put them onto another element (and mysql fires the insert statement).
5) The page *must* be able to be supported by an Ipad or other touch device - so it needs to have the JQuery Touch Punch plugin. The plugin is found here: http://touchpunch.furf.com/
I can provide the HTML/PHP skeleton, the mysql tables, prepopulated values and insert/select statements required.