How can I cleanly resize an iFrame with dragging functionality?

Question

I have an iFrame and I want the user to be able to grab one side of it and drag it to resize it. I don\'t want it to resize realtime, but rather use an indicator line and wh

Answer 1

http://jqueryui.com/demos/resizable/#visual-feedback

That seems to do the trick with an iFrame inside a DIV

Answer 2

As of 2020 you can simply add the CSS property resize: both or resize: vertical to the iframe element.

Answer 3

Iirc, the classical method is to put the IFrame inside of a div and make that div re-sizable; also make the iFrame's width and height at 100%.

If you're using JQuery though, can you not use jQuery.load('uri') instead of an iFrame ? I believe it's preferable in many situations.

Answer 4

jQuery Resizable with an indicator as to the eventual dimensions as per your request. See Russ C's comment and link to a better solution