Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a table. The top row has 2 columns – “header” and “close” button. I can make the entire table “draggable”. How can I make the “header” to be the only element that user can drag in order to move the entire table around?
UPDATED: As tagged, I need to use jQuery. This is what’s not working:
$(tblElement).draggable({ handle: "tdDialogHeader" });
If the solution suggested by Sinetheta doesn’t work for you, that means your table doesn’t have “tHead” tag as its header. jQuery is not great with tables, especially if they are malformed. Replace the “TR” tag of the first row in your table with “tHead” and try the Sinetheta’s code. Should work.