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 dynamic height div that gets inserted into the dom when you ctrl click on an html input.
What I want to do is have the bottom right hand corner match up with the top right hand corner of the input that was clicked.
What css styles/jQuery must I use to position this correctly?
I cannot include jQuery UI so please do not suggest it.
You can use .offset() which return top left coordinates relative to document. Then you can add elemtent’s width ( .width() ), to get top right corner.
And to position the div there, use the same technique on div, only remove height ( .height() ) and width.
Just a small note, that you must account for borders, margins and paddings, as jQuery doesn’t include those in width / height.