Hi, I am new to coding. I am working for a production of reporting tool. So in a web page the left panel displays all the available tables in the database. The user must drag any one of the tables,then it must display the columns available in the dragged table. I could able to display the tables from database. For drag n drop, I have used jquery. The script code I have used is given below.
Here '#makeMeDraggable' is the division where the table names are displayed and '#makeMeDroppable' is the division where the user drop the table. tables is an arraylist variable which contains the table names.
The problem here is after all excuting this, I could able to drag only one table name (the top in the list) and the variable 'str' always contains the last table name only.How can i make all the individual table names draggable and 'str' store only the table name which is being dragged.
I am 'sorry' for the lengthy code but i just want to let you know what i am doing.