PDA

View Full Version : Dynamically created iframes that are draggable and resizable



molendijk
09-15-2011, 02:42 PM
1) CODE TITLE: Dynamically created iframes that are draggable and resizable.

2) AUTHOR NAME: Arie Molendijk.

3) DESCRIPTION:
Searching the Internet for a script that allows us to dynamically create multiple iframes that can be dragged and resized yields a number of results, but none of them meets all of the following requirements (as far as I know):
1. the drag handle should stay within the visible part of the window;
2. moving the mouse over the drag handle, or clicking on it, must bring an arbitrary iframe to the front;
3. when an iframe is being dragged, its contents must remain visible;
4. resizing the iframes should not require sophisticated hand motorics.

So I wrote a script that does meet those requirements. You may find it useful. Demo and explanations in the URL TO CODE below.

4) URL TO CODE: http://molendijk.freei.me/drag1/create_drag_resize.html

EDIT sept. 19th:
The script I use in the page referred to by the link above is now deprecated. There's a much better script in http://molendijk.freei.me/drag2b/create_drag_resize.html

molendijk
09-15-2011, 05:21 PM
Corrected a script-error that prevented iframes to be maximized entirely in certain cases.
===
Arie.