JS and CSS frames

[mattquantic]

Hi. Is it possible to use JS to have draggable frames in an interface like this.

http://www.dynamicdrive.com/style/layouts/item/css-left-top-and-bottom-frames-layout/

I've seen it done well before but can't find it.

Matt

 

[BillyRayPreachersSon]

You don't need JS or CSS to allow frames to be moved or not - simply specify or omit the "noresize" option when defining your frameset.

http://www.w3.org/TR/html4/present/frames.html#adef-noresize

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[mattquantic]

HI. The example here done not use normal frames (with separate files) it uses css to have the experience of frames without the separate files:

http://www.dynamicdrive.com/style/layouts/item/css-left-top-and-bottom-frames-layout/

What we're after is the ability to dragg them )

Matt

 

[BillyRayPreachersSon]

OK - so if you don't want real frames, can you clarify how you are achieving your frames look?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[mattquantic]

It uses css. (right click the page to view the source).

It uses code such as:

#framecontentLeft{
position: absolute;
top: 0;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}

Then in hte html will be a div that uses that class.

I suppose what I'm looking for is some JS be able to dynamically change the dimentions to give the 'look' draggable behavior of old-school frames.

In this way, we can get most of the bens without most of the probs.

Matt