Make iframe resizable (like textarea) with JQuery

Events happening in the community are now at Drupal community events on www.drupal.org.
svendecabooter's picture

Hi,

I wonder how hard it would be to make an iframe resizable, much like textareas are resizable in Drupal (with the textarea.js).
The reason i ask this, is because i have created a module to integrate the "Whizzywig" WYSIWYG editor into Drupal (see http://drupal.org/project/whizzywig).
This editor replaces the textarea with an iframe to allow WYSIWYG editing.

Now some people already asked me if it would be possible to have a 'grippie' like textareas have, so the editor can be resized.
I have roughly gotten this to work, by making a copy of textarea.js and replacing

$('textarea.resizable:not(.processed)').each(function() {

with
$('iframe:not(.processed)').each(function() {

This shows the 'grippie' under the iframe and lets it resize, but now i cannot input any more text, which kinda sucks :)
There seem to be some other things not working exactly, such as the editor width.

In short: i'm looking for someone with decent JS/JQuery skills that is able to get this functionality working, or at least have a look at it :)
Many people will be very happy with this, and you will ofcourse get proper credit for the work.

I'm a JS/JQuery newbie, so i have no clue how to get this working like it should.

Please reply to this thread or contact me directly if you wanna help me out on this.

Much appreciated

Sven

Javascript

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: