Sample Multiple IFrame Application With Show Hide

9 views
Skip to first unread message

vrathore

unread,
Jun 5, 2008, 3:41:11 AM6/5/08
to Delhi Flex User Group
The HTML page hosting a Flex application contains an IFrame and some
JavaScript functions responsible for positioning the internal frame
and configuring it to load html content. All the Flex-to-IFrame
communication is encapsulated in a MXML component which extends Canvas
(see IFrame.mxml). When a the component is set to become visible, it
uses the ExternalInterface API to call on the JavaScript function to
position the IFrame exactly on top of the component and load
corresponding content. When the component is hidden, it calls a JS
function to hide IFrame. In the example above, the same IFrame is used
to render HTML for each tab.

I am attaching the Flex Project and also the html file which is to be
replaced after the compilation of code.

Attached files :-

1. SampleIframe.zip
2. SampleIframe.html

Please note u will have to change the html everytime you have made
some changes in the project.

Thanks and Regards

Varun Rathore

Abdul Qabiz

unread,
Jun 5, 2008, 9:11:22 AM6/5/08
to del...@googlegroups.com
I did something similar, http://abdulqabiz.com/files/ylive_mashup/multi_window.html


I would post the code soon, it needs some cleanup.
--
-abdul
---------------------------------------
http://abdulqabiz.com/blog/
---------------------------------------

Saurabh Narula

unread,
Jun 5, 2008, 9:23:48 AM6/5/08
to Delhi Flex User Group
varun,
cant see the attachments, you may want to attach them and post it
again.

On Jun 5, 6:11 pm, "Abdul Qabiz" <abdul.qa...@gmail.com> wrote:
> I did something similar,http://abdulqabiz.com/files/ylive_mashup/multi_window.html

vrathore

unread,
Jun 5, 2008, 2:00:52 PM6/5/08
to Delhi Flex User Group
The file are attached in the Group's Files.

Please have it from there, if u face any issues let me know.

Varun Rathore
Reply all
Reply to author
Forward
0 new messages