0

I would like to build the two separated horizontal windows, which could be resized. It should all looks like this:

enter image description here

And by using the line where those two arrows are placed at I should be able to resize each windows. Just like it is done at jsfiddle.net but with the difference that there are 4 windows, and I want 2 horizontals.

Anyone has an idea how to do something like that? I dont really know how to name it properly , so I could find anything with sense at google.

Sapp
  • 624
  • 2
  • 7
  • 13
  • I think jsfiddle arent using iframes? – Sapp Sep 17 '12 at 20:22
  • Yes, jsFiddle uses iframes. Just view the source or use Inspect Element. – Cat Sep 17 '12 at 20:33
  • @Eric I have been searching for any two windowed iframes with resize posibility but couldnt find anything, could you post an example? – Sapp Sep 17 '12 at 20:41
  • To be honest, you'd have to contain the `iframe` within a `div` anyway. Then resize that. There are lots of examples (including [this answer](http://stackoverflow.com/questions/3628194/how-to-resize-only-horizontally-or-vertically-with-jquery-ui-resizable)), though most of them do not include dual-resizing of frames. That would be a bit of homework for you (or perhaps Google has a plugin for that...). – Cat Sep 17 '12 at 20:47

2 Answers2

1

You can try the jQuery layout plugin. Here's a simple demo: little link.

Chris
  • 26,544
  • 5
  • 58
  • 71
0

http://methvin.com/splitter/

Check out this jQuery plugin, I have used it to do similar layouts to what you are describing.

Steven Hunt
  • 2,321
  • 19
  • 18
  • Also, make sure you check out this other post I answered concerning the use of this plugin with more recent versions of jQuery: http://stackoverflow.com/questions/10097458/splitter-js-wont-work-with-new-versions-of-jquery/10907388#10907388 – Steven Hunt Sep 17 '12 at 20:23
  • So to fix that problem in that question, I should remove the quoted code or what? – Sapp Sep 17 '12 at 22:22
  • I can not get this plugin working. It seems like the `.splitter` function doesnt work for my object. – Sapp Sep 18 '12 at 11:11
  • After doing some more research, I would recommend going with the layout plugin per Abody97's post. It seems to be less buggy and works with more recent versions of jQuery. – Steven Hunt Sep 18 '12 at 12:04
  • But at the same the layout plugin is definately more , exceed my needs, because I need simple windows with one resizing bar, and layout plugin comes with tons of useless code(useless for me) by default. – Sapp Sep 18 '12 at 12:32