I have a form with Javascript, two buttons "EDIT" and "SORT". There is Jquery-UI code for click and dragging list items that are pulled into the form from a database. When you click button "EDIT", it adds the HTML5 attribute "contenteditable" and adds a class "unsortable" which disable the sort function and allows you to edit in place. When you click "Sort" it removes the "contenteditable" attribute and "unsortable" class and lets you sort again.
Problem - If the buttons are outside of the form then it works fine. If the buttons are inside of the form I get an error struct[empty]. Why? I don't need buttons that pass values, I just need them to trigger the javascript. Also, it is not a cfform, just a regular html form.
There is a 3rd button, SAVE that when clicked will save the edited changes and order to the database. ...I haven't got that far yet.
This is the only way I can figure to do an edit in place on this page... any ideas/help would be great!
Thanks,
gwarmonger