Item listing position change by drug and drop [Web, Ajax, PHP]

Current Architecture:

...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.

Implementation: Only native Web JavaScript, Ajax, JQuery and PHP techniques can be used. No FLASH allowed. No any data base involved - pure simple XML read/write. Xml sample file will be provided upon engagement. No third party commercial libraries of course. Simple XML or Native PHP DOM APIs must be used for reading and writing to the XML file. The php script should be well commented and self-explanatory as mush as possible. The solution must work in all main stream web browsers. Allowed source file extensions - xml, php and js.

Deliverables: root directory containing main PHP script (s), data XML file, some image icons in "images" directory and clearly structured any JavaScript files used to achieve drug and drop effects

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.

Kemahiran: AJAX, PHP

Lihat lagi: drugged drop data jquery, ajax change table item position, writing to text app, writing on ipad, writing icons, work freelancer php, web page writing techniques, web page of freelancer, the script commercial, self made freelancer, script writing web app, script writing app, script for commercial sample, sample script for commercial, sample of commercial script, root freelancer, php manual, php javascript freelancer, php freelancer id, number for freelancer app, manual freelancer, make your own web, link between freelancer, line icons, js make icons

Tentang Majikan:
( 8 ulasan ) Carnegie, Australia

ID Projek: #1177395

Dianugerahkan kepada:


Hi ready to start lot of experience for the drag and drop features ...by jquery Thanks

$80 USD dalam 3 hari
(251 Ulasan)

9 pekerja bebas membida secara purata $128 untuk pekerjaan ini


have done this earlier. can do it also. let's start or show me your current output. thanks

$100 USD dalam 4 hari
(122 Ulasan)

Dear Customer! I am an expert web developer with over 6 years of experience and very interested in this project. Ready to start immediately and finish as soon as possible. My bid is for fast professional service exc Lagi

$150 USD dalam sehari
(162 Ulasan)

I can do this. Thanks.

$250 USD dalam 5 hari
(94 Ulasan)

hi.. i'm experienced in Jquery see me past job

$100 USD dalam 2 hari
(12 Ulasan)

I know how to make it using jQuery. I need 2 days to complete the application.

$60 USD dalam 2 hari
(2 Ulasan)

Hi, I'm interested on this position. I can complete this job for you using jquery in no time. I have worked with drag, drop items and changing/stored their position in multiple projects including and internal portal fo Lagi

$50 USD dalam sehari
(0 Ulasan)

hi i m gyan i currently working on posted PHP Developers . i understand yr project .if u want to than u can take this project. THANK Gyan

$160 USD dalam 10 hari
(0 Ulasan)

Hi, We are ready to start. Thanks, Kavitha.

$200 USD dalam 5 hari
(1 Ulasan)