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
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