...PHP script producing web based table with 3-4 collumns listing items including text and images in its columns. Data and position for each row is retrived from backend XML file read by the PHP script. At the same row line where images and text there are two separate columns containing arrows-links "up" and "down" are present. Each link contains information (parameters) about "up" or "down" action, row (item id) and count ("this row position") number.
By clicking on any of the links, Ajax based process calls the same, backend php script and based on the passed parameters from up or down link in background opens the XML file, recalculates possition for a line 1 "up" or 1 "down", updates all information for other rows in the XML file, saves it and output updated listing to a web page highliting shifted up or down row.
Problem: when there are hundreds of lines (rows in the table) it gets hard and timely to change position of any particular line if it requires shifting for more than 5-6 lines position "up" or "down".
Make dynamic change of a row position by simple, Ajax web based drug and drop action. e.g Grub a line and drug it in to any new, desired position in the list (up or down) elemenating any manual processes in between.
The line that has been drugged/dropped (changed [or not] position) must be also highlighted upon completion of the "drop" event.
Condition: Final payment will be made upon presenting working example (of to be delivered source code) through some of your own test page. We have to be able access this web page (a php script essentially) and drug and drop table rows across any number up or down.
Any text and icons must also be present on the test page as it will constitute integrity of the script and XML format on each update point of the process
Posted via Freelancer iPad App
NOTE: The task required no alteration of the current architecture. All need to be created as a "green field", just new scripts implementing drug and drop changing position of a list item table's row.
Clarification for the test page:
File name will have an extension php. Something like test.php
It will have only one button "load" somewhere on the top of a page. Once load button is clicked the Ajax process loads another (or the same, then parameters needed) php script into div container which produces table like list with text and icons.
Information (text and icons path) taken from the XML file. Upon grabbing any row in designated point (tiny row's icon for example) it will be drugged and dropped up or down into any position within the table.
Upon a drop event the XML file updated and new positioning information saved into it.
Important: the main test page should not contain any on window load/or on document open events. The initialization of all necessary APIs must occur upon clicking the LOAD button and through loading the items list script. It can include JQuery as initial inclusion but actual initialization of all relevant functions must happen when the load button clicked.