Split Screen in AJAX

[xarzu]

Textpad and many other applications have this.

It must be possible to do this on a website because many MSDN pages have something simular to it.

I want to have a web page with a vertical movable split screen bar.

I am not looking for something where we have two frames that are independent of each other and have their own vertical scroll bar. I want a web page where you can represent a very wide screen with a split. Each side can scroll horizontally independently of each other but the vertical scroll will cause both sides to scroll.

Is this possible in AJAX?

Is it possible in DHTML or some other technology?

Here is the textpad example:

[Jordan]

I've only ever seen a webpage split using two scroll-bars. The first one that came to mind was MSDN and I took a look here: System.Drawing Namespace

but it turns out they have two scroll-bars as well. Maybe someone else here knows more than I do about this.

[xarzu]

Once I start getting into AJAX more, maybe I can figure it out from some existing examples that do not have the same wide page but two seperate pages that scroll vertically independently.

[davHunter]

Hi!

One way to do it it's with the CSS overflow property.

Using a div it would look like:

...
<div style:"height=xxx; width:xxxx; overflow:scroll / auto">
This text will be moveable...!!!
</div>
...

scroll gives both X and Y axes..., auto gives only Y axis.

Ciao!

[fahlyn]

I don't see how AJAX would be useful for this. I know you said that you do NOT want to use 2 independent frames, however you CAN use 2 independent frames to accomplish what you want. Use css to hide the vertical scollbar on the left frame, then use javascript to scoll the left frame as the right frame's vertical scrollbar moves. Each frame could still have its own horizontal scollbar. You can use the css property "overflow-x" and "overflow-y" to control a vertical or horizontal scrollbar instead of "overflow" which applies to both vertical and horizontal.

Happy Coding!
-Fahlyn