ansaurus

Question

Answer 1

+1 A:

Does this help? Is it what you are looking for?

<html>
<head>
<title>TextArea Position Handling Test</title>
</head>
<body>
<center>
  <textarea style="position: relative"> Insert Text</textarea>
</center>
</body>
</html>

EDIT:

Please read this tutorial:

http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx

Is this what you are looking for?

EDIT 2:

Is this roughly what you needed?

http://css-tricks.com/examples/ScrollingSidebar/

Trufa 2010-10-14 18:07:52

That might be part of it. When I scroll the browser window horizontally, the UI dialog box does not reposition itself as I scroll. I need the dialog box to scroll in accordance with the browser.

Matthew 2010-10-14 18:14:40

@Matthew please look at my edit!

Trufa 2010-10-14 18:26:43

I liked your edit but that contains 'fixed' position whereas I need the modal window to move when the browser window gets scrolled, probably just a small modification to your edit. I'll look at it again.

Matthew 2010-10-18 13:27:30

Could you give me and working similar example of what you need Im not sure I follow...

Trufa 2010-10-18 13:52:16

Ohh look at my edit

Trufa 2010-10-18 13:54:04

Can you give me a link to the application, I´m sorry but I cant imagine what you mean! :)

Trufa 2010-10-18 15:10:15

Thank you, that is closer to the idea. Basically, we have an application that has so many text boxes in a row that users are forced to scroll horizontally to see all the fields. Many of the text boxes are clickable. So if it is a car, you would have manufactuer, make, color, license plate. Each text box that is clickable has a jQuery UI dialog box appear right below it showing a drop down menu selection. So for color, you could pick red, green, blue... If a user scrolls from left to right, the dialog box no longer appears directly below the clickable textbox.

Matthew 2010-10-18 15:10:44

Ohh ok, I think I got you now, let me see if I can figure something out, please make an edit to your question adding some example code because if now I will have to recreate your situation and then solve it, I maybe could give you a theoretical answer but I dont know if this would help.

Trufa 2010-10-18 15:15:49

I got it working, I just needed to offset when a user scrolled so something like var correct = $(this).scrollLeft(); fixes the scrolling problem. Thank you for your help.

Matthew 2010-10-18 18:31:02

ansaurus

tags:

views:

answers:

jQuery UI dialog box - positioning

related questions