Resize iframe by mouse drag

tags:

views:

59

answers:

1

Q:

Resize iframe by mouse drag

I have a page that consists of two iframes where they divide the page into two parts.

Is there a way to resize the division of the page using mouse drag?

I would prefer a solution that does not require JQuery as we're not using it at the moment (We are using Microsoft AJAX library but I couldn't find a solution that leverages it).

Thanks.

+1 A:

Well, how about YUI? Try their resize utility.

Larry K 2010-08-26 02:27:50

That only works with DIVs. Is it possible to do this without wrapping the iframes with DIV tags?

Gary 2010-08-26 02:39:52

Are you sure it only works with a div? Since an iframe is a block-style element, my guess is that it will work directly. -- But be sure to test in the major browsers. In the worst case, what is the problem with a div wrap? "Divs are your friends."

Larry K 2010-08-26 16:44:09

+1 Yes.. they are. You're right, I can wrap them with a DIV. But now we're back to the Javascript Framework concern. Is there a solution that does not leverage any framework? It's OK if I lose the animation.Thanks.

Gary 2010-08-26 20:13:23

All of YUI is open source. You could pull out just the resize utility and supporting methods into your own library. Of course, then you'd miss out on the benefits of the on-going maintenance and improvements that are added to the YUI library. Why the problem with a library? Remember that you can package up the needed parts of the library into your own JS lib file for downloads. Remember to minimize it and be sure that your server supports http-level compression.

Larry K 2010-08-26 22:55:07

That's true. Thanks for the help.

Gary 2010-08-27 04:51:55

ansaurus

tags:

views:

answers:

Resize iframe by mouse drag

related questions