I got a weird problem when dealing with Resizable Drag-n-Drop (RDD) object across iframe. I have a RDD object which is required to be movable and resizable on an iframe enclosed by a div tag. When the object is out side of the iframe, everything works really well (with both scriptaculous + prototype and jQuery libraries). However, the object seems to over-sticky and out of control by mouse events on iframe. It took me nearly three days to figure out that the problem came on the render of object over iframe.
To fix this problem, I try to make a "layer" with transparent background (I highly recommend that you should make a transparent 1x1 pixels image, this will help you out of most of the problem with browsers) which lays upon the iframe, this will create a virtual background to keep RDD working promptly on iframe.
No comments:
Post a Comment