Controlling swf with html navigation

I am building a site that is primarily HTML. The idea is to
get a swf to play then after that is complete to finish with a show
from a show hide code utilizing HTML. This would all take place
from the HTML navigation and sub navigation.
I know how to get this going using just flash but since this
is an HTML web page I am at a loss of how to control the main swf
using the HTML navigation.

you can use javascript to communicate between flash and html.
use the externalinterface class to communicate between flash and
javascript.

Similar Messages

  • Control .swf from html

    Is there a way to control or communicate with a swf from
    outside of that swf. On my page Im loading an .swf and a separate
    layer with html. Can I create a link to tell the swf to load a
    movie?

    Funks Da Burn wrote:
    > Is there a way to control or communicate with a swf from
    outside of that swf. On my page Im loading an .swf and a separate
    layer with html. Can I create a link to tell the swf to load a
    movie?
    you are looking for LocalConnection
    google for "LocalConnection samples" or check the help files
    for details.
    Tho with all honesty, checking out samples is way more
    understandable than
    the attached help files.
    Best Regards
    Urami
    "Never play Leap-Frog with a Unicorn."
    <urami>
    If you want to mail me - DO NOT LAUGH AT MY ADDRESS
    </urami>

  • Controlling SWF with Javascript

    Not sure if this is in the right place but I've been searching for a few days for how to do this. What I would like to accomplish is to create a set of javascript controls that would target a SWF file in an html file. The SWF file is basically a digital magazine and I'd like is to have a user click a button and then flip through the magazine forward and back and also be able to zoom in and out. Any help would be greatly appreciated! Thanks!

    you can use javascript to communicate between flash and html.
    use the externalinterface class to communicate between flash and
    javascript.

  • Controlling SWFs with dynamic lengths

    I need to load SWF applications into my Director files.
    Currently, I am using the timeline with an arbitrary amount of
    time. My problem is that the length (playtime) of these SWFs are
    dependent on the end-user interactivity. If they press every
    button, answer every questions, etc… one viewer could be done
    in 5 minutes and another user could be done in 30 minutes. I have
    no way of determining. Currently, my timeline will run out and I
    send the users to a Menu screen. Is there a way to dynamically load
    a SWF and have it play indefinitely? I will have a button on the
    screen if the use wishes to exit early.
    Thanks in advance for any help with this problem!-
    |rossimo|

    EDIT: After
    trying out Rafael's suggestions, it looks like that has solved my
    problem. Thanks for the help Rafael!!
    Thanks for the reply Rafael!-
    No suggestion would be dumb. I am a Flash user trying to get
    terms with Director 11. I am still trying to wrap my head around
    the differences in timelines. I would have thought that would stop
    the playback of the SWF, but I think you may be correct! I will
    give that a shot and report back. More to come...
    |rossimo|

  • Control/unload swf inside html textfield i AS3

    Hi,
    In a CS3/As3 project I have xml files with html content loaded in a texfiled inside a mc. In some cases I have swf files embedded with img tag in the xml. The problem is that when a swf is loaded this way It keeps 'living', playing with sounds in the background when other xml files and swf are loaded in the texfiled.
    Then, every time it is loaded, a new instance of the swf is created and played.
    I have found out you can refer to the loader object with getImageReference method giving an id to img tag and, for example, adding an Event.COMPLETE listener to the loader.
    But I don't know how to access to the loaded swf to unload it or at least stop it (mc_name.texfiled_name.swf_id doesn't seem to work in AS3)
    Does anybody know if it is possible?
    Thanks in advance

    Thank you, the second method is good to control movieclip in my case (fp9).
    But I have still the following problem: the loaded objects (swf or images) seem to remain in memory.
    I have a loader like this (swf_Id is the id of img tag)
    loader = myMC.MyHtmlTextField.getImageReference("swf_Id");
    and, following your indication, a second Mc like this
    myMC2=MovieClip(loader.content);
    doing the following things seem to remove the objects from stage but with no effects on the memory wich always increases
    myMC2.removeChildAt(0);
    myMC2=null;
    loader.unload();
    Any idea about this?
    Thanks a lot!

  • SitePage content with HTML access controll possible?

    Hello community,
    I created a SitePage with HTML content as Intranet. And within this content, you have some links to the sub-sites.
    Now, I want to control the links for the users. If has "User A" access to the sub-site, present the link and if not, show another text.
    Is this possible? Or is there another way?
    Thanks in advance.

    As of my knowledge, free flow web(html) content dont have permission or audience target attribute with it. Navigation, library, list, item does has those feature. 
    When We have same requirement, we displayed all links and let SharePoint authenticate where user dont have access. We keep it simple.
    Regards Sudip Misra [email protected] +1-412-237-5435 Pittsburgh, PA

  • Problem loading .swf embedded with HTML

    Hi All,
    I have embedded .swf file with HTML. It is working fine with
    win xp and win 2003. But not working on win 2000 server.
    I have set the MIME in IIS for .swf.
    Please let me know what setting I should configure.
    Thanks,
    Aung

    does container exit on the timeline that contains your code?
    is master.swf in the same directory with your flash swf and
    html?

  • Integrating Flash swf or html with Dreamweaver

    I created a swf file to replace my current static background image (page properties) in dreamweaver (the files are the same dimensions). When I try to select it, the swf file is grayed out. So I deleted the background image and inserted the flash swf with a transparent bkgd. When I preview it in my browser (safari) it doesn't work. I like the position of the static file and would like the swf to stay in the same place to compensate for different user monitor sizes. Please Help!!!!
    The current/live site is http://www.sistercirclemedina.com you will see the static image (header_11_01.jpg). I added the revised homepage (index.html) to my site you can find that at http://www.481gddr.com/sistercircle/index.html  The script files required are in a script folder on the hosting server. I also inserted the swf into a completely new dreamweaver document and it does not work.
    If the swf file won't work...why? Should I try to use the js and input that into the dreamweaver code?
    Thank you so much for your assistance and time.

    Check, if all the paths in your projects are "relative" paths.
    If you drag&drop files or link in dreamweaver, DW will most likely use absolute paths.
    Then when you upload  your files, some of this paths won`t exist.
    I also inserted the swf into a completely new dreamweaver document and it does not work.
    You cant really "insert" a swf into a dreamweaver document.
    DW in this case does nothing else then telling the browser (via the <flash> tag where to find the swf. that has to go into a <div>

  • Stopping the browers controls interfearing with the flash content?

    Hi, I've been working with flash for many years but have recently come up with a problem I have never seen before.
    When i've embedded the perfume finder app into a website I'm working on the back button in IE and other browsers makes the flash file jump back to differnt anchors. Is there anyway to have it separate so not to interfere with the navigation of the website?
    http://www.bodyandsoulperfumes.com/templates/perfumefinder.html
    here is the HTML code of how I embedded it
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="550" height="500" id="Perfume Finder">
    <param name="movie" value="http://www.bodyandsoulperfumes.com/templates/BandStest.swf" /><embed src="http://www.bodyandsoulperfumes.com/templates/BandStest.swf" width="550" height="500" name="Perfume Finder" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object>

    Yeah! identified you controlled something from your flash file I think. becoz check the address bar it changes to different ids
    http://www.bodyandsoulperfumes.com/templates/perfumefinder.html#F1525G
    http://www.bodyandsoulperfumes.com/templates/perfumefinder.html#F1525A
    Whatz above meant? where you updating that? check on the html file and your flash file. I hope it was controlled.

  • Embedding swf into HTML+JS AIR app

    Hi
    I'm trying to embed swf into HTML+JS AIR app with no luck.
    First, I created flash library with this class in default package.
    package
         import mx.controls.Alert;
         public class Utilities
              public function Utilities()
                             //asdfasdf              
                   Alert.show("asdasd","");
    Then I compiled the project with Flash Builder and got library.swc as result. Then I extracted swf file.
    After this is added required code into my html:
    <html>
    <head>
        <script type="text/javascript" src="AIRAliases.js"></script>
        <script type="text/javascript" src="AIRIntrospector.js"></script>
        <script type="text/javascript" src="jquery-1.6.2.js"></script>
        <script src="library.swf" type="application/x-shockwave-flash"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                alert('loaded');
                air.Introspector.logError("aaa");
                var v = new runtime.Utilities();
        </script>
    </head>
    <body>
    </body>
    </html>
    Then after I run application, I get error that result of expression is not constructor, function etc.
    Could you help me please?  Thanks in advance.
    Here is sample code:
    http://depositfiles.com/files/jztpnlb3a

    No. I mean that the Flex framework makes certain assumptions about the environment it is running in -- like having a stage to work with. The Alert function, for example, works by creating a sprite and adding it to the Flash display list. Since your embedded SWF is not on a stage, there's no way for it to work.
    You can can possibly use certain non-visual parts of the framework, such as the rpc package, but I can't guarantee it.

  • SWF for HTML, how ?

    Hello,
    I've created a composition of (772 width X 231 height). I want to put it on my website. I on the Homepage.
    I just want it to play once and then stays.
    I already looked for File -> Export -> Adobe Flash Player (SWF). When its finished rendering it gives me a JavaScript file,
    a .swf file and a .HTML file. When i open the HTML it shows me a bad quality version of my Composition. (Even if i choose High-Quality)
    I actually just want a explenation how i can make a clear file on my website.
    I have this as HTML code as my Menu/Navigation. (I did hide the links)
    <tr>
    <td height="231" align="right" valign="top" background="images/header.jpg" id="menu">
    <a href="index.html">Home</a>
    <a href="1.html">1</a>
    <a href="2.html">2</a>
    <a href="3.html">3</a>
    <a href="4.html">4</a>
    <a href="5.html">5</a>
    <a href="6.html">6</a>
    <a href="7.html">7</a>
    <a href="8.html">8</a>
    <a href="9.html">9</a>
    </td>
    </tr>
    It looks like this:
    (772x231)
    Now i want After Effects to create a file that plays on the back, one time and then stops.
    I know this has a bit of HTML as well, but i hope somebody can help me out
    Gravious

    When i open the HTML it shows me a bad quality version of my Composition. (Even if i choose High-Quality)
    Exporting to the SWF format is only a good idea if you consciously  limit yourself to a specific combination of source types and features that AE's SWF exporter can mantain as vector graphics instead of leading to rasterization (ie, converting vector graphics to bitmap images). This means using only text layers (with text animation, not bad), solid layers, imported vector files (AI/EPS/PDF/SWF), with basic transformations (position, scale, etc) and masks. Using any effect (with a couple of exceptions explained in the link below), 3D layers, blend modes, nested compositions, motion blur and any kind of bitmap image/video layer will make it impossible to export a vector file. And in that case, for features labeled as unsupported for vector export, the SWF format is really, really inefficient at compressing bitmaps. When this is the case, you want to use FLV (Adobe Flash Video) instead of SWF. It will give you much better quality at much lower data rates.
    To read more about which features and source types are supported or unsupported for vector export when exporting to SWF, see Render and export a composition as a SWF file in After Effects help.
    Now i want After Effects to create a file that plays on the back, one time and then stops.
    I think that's what the HTML from AE's SWF exporter will do if you turn off the "Loop continuously" checkbox in the SWF export dialog, right?

  • SWF and HTML won't play stand alone

    My .swf and.html files won't play on their own even with
    latest Flash player installed (flash player 9). The html will play
    if right clicked and internet explorer is selected manually, but
    not on its own. Both files will play on their on when on a computer
    with Flash installed. I finished the project and published them
    using Flash 8, what's going on? I didn't see anything in the
    release notes. Anyone have an idea or had this problem?
    Thanks!

    Looks to me like the issue is indeed your CMS. The flash content is loaded in a lightbox, which is most likely controlled by some JavaScript or ASP. My guess would be that the problem lies with the paths to the files. The swf file that the lightbox loads is referenced in your CMS so it knows where to get it - the thing is that most likely it is not played from the location where it's located but instead played from the location where the lightbox script is loaded. Since the 4 SWF's you have are not located there it won't be able to find it.
    Also this lightbox approach isn't very good for this type of content. The demo is extremely small and the alignment of the Flash file looks weird. Instead just use the HTML file generated by Captivate and upload that to a directory in your CMS. Then change the link you have so it opens the HTML file in a new window and everything should work out just fine.
    /Michael
    Visit my Captivate blog with tips & tricks, tutorials and Widgets.

  • Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

    Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
    The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
    I realize the images are not ideally sized - I'll fix those once I get the pages to function.  Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
    The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
    I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
    I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
    Thanks in advance.
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Reardan Area Chamber of Commerce</title>
    <meta name="description" content="home page for Reardan Area Chamber of Commerce" />
    <meta name="keywords" content="Reardan WA, chamber of commerce" </>
    <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.cycle.all.js" type="text/javascript">  </script>
    <script type="text/xml">
    </script>
    <style type="text/css">
                                  #slideshow { 
                                      padding: 10px;
                                            margin:0; 
                                  #slideshow-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow img, #slideshow div { 
                                      padding: 10px;
                                      background-color: #EEE;
                                      margin: 0;
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              background: #004B8D;
              margin: 0;
              padding: 0;
              color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
              padding: 0;
              margin: 0;
    h1, h2, h3, h4, h5, h6, p {
              margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
               /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    .left
    position:absolute;
    left:0px;
    .center
    margin:auto;
    width:95%;
    .box
              position:relative;
              left:-90px;
              width:950px;
              height:350px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              z-index:1000;
    .slide{
        position:absolute;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
              border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
              color: #42413C;
              text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
              color: #6E6C64;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~this fixed width container surrounds the other divs~~ */
    .container {
              width: 960px;
              min-height:900px;
              padding:5px 0px 0px 0px;
              background: #E8F8FF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
              background: #E8F8FF;
              padding:10px 5px 0px 5px;
    .sidebar1 {
              float: left;
              width: 225px;
              margin: 60px;
              color: #FFFF0D;
              background: #595FFF;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
        z-index:-1;
    .sidebar2 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:2;
    .sidebar3 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:3;
    .content {
              padding: 0px 0px 0px 0px;
              width: 780px;
              float: left;
              background: #E8F8FF;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
              list-style: none; /* this removes the list marker */
              border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
              margin-bottom: 50px; /* this creates the space between the navigation on the content below */
              font: Arial Black, Verdana, , Helvetica, sans-serif;
              font-size:1.3em;
              font-weight:bold;
              z-index:2;
    ul.nav li {
              border-bottom: 0px solid #FFFF66; /* this creates the button separation */
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
              padding: 3px 0px 5px 0px;
              display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
              width: 185px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              color: #FFFF0D;
              background: #595FFF;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
              background: #595FFF;
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
              color: #FFFFFF;
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              background:  #595FFF;
              color: #FFFF0D;
              position: relative;/* this gives IE6 hasLayout to properly clear */
              clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
              float: left;
              margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
    -->
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header -->
      <a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
      <p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
      </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="about.html">About Us</a></li>
          <li><a href="history.html">Reardan History</a></li>
          <li><a href="activities.html">Activities</a></li>
          <li><a href="business.html">Business<br />
            Directory</a></li>
          <li><a href="about.html">Join the<br />
            Chamber</a></li>
           <li><a href="links.html">Links<br />
      <span style="font-size: 85%">Tourism</span><br />
          </a></li>
        </ul>
         <!-- end .sidebar1 --></div>
    <br />
    <br />
    <br />
    <br />
    <div class="box" +"slide">
      <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow
                               slideshowAddCaption=true;
    $(window).load(function() {
      $('#slideshow').cycle({
                        after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'blindX',// name of transition effect
                        pause:                              false,     // true to enable pause on hover
                        randomizeEffects:          true,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              100,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    5000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '300px',
                        width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshowOnCycleAfter() {
              if (slideshowAddCaption==true){
                                  $('#slideshow-caption').html(this.title);
    // EndOAWidget_Instance_2559022
      </script>
      <div id="slideshow">
        <!--All elements inside this will become slides-->
        <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
        <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
        <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>
      <!--It is safe to delete this if captions are disabled-->
      <div id="slideshow-caption"></div></div>
    <div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
    Local News item
    <br />
    Another New item</p>
      <p align="center">lots of news this week<br />
        <br />
        <br />
        <br />
      </p>
    </div>
    <div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
      <div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
    <div class="content"><br />
    <br />
    </div>
    <div class="footer">
            <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
              <span style="font-size: x-small">[email protected]  - 509.796.2102</span><br />
            </p>
            <!-- end .footer -->
    </div></body>
    </html>

    If you DO want the slideshow overlaping the navigation try the below css:
    .sidebar1 {
        float: left;
        width: 225px;
        margin: 60px 0px 60px 60px;
        color: #FFFF0D;
        background: #595FFF;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
    .box {
    float: left;
    margin-left:-60px;
    width:700px;
    height:350px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;

  • Load SWF file in main SWF with parameters

    Hello everybody,
    I recently got a new flash Application which is a Photo Gallery.
    This App is made of multiple folders (source files), a FLA file, a SWF with its javascript SWFObject and an Html page which instantiate this App with some parameters (size, config file path, ...).
    It needs an XML file to find all the Photos it displays, to do it I need to configure my application in the HTML Page and give it the "xml_path" :
    var so = new SWFObject("index.swf", "gallery", "249", "249", "10", "#111111");
    so.addVariable("xml_path","load/config.xml"); // this line is adding the path to the xml file make sure that it's name is xml_path
    so.addParam("allowfullscreen","true"); 
    so.write("flashcontent");
    By the way, I have a second application, the WebSite, which have to display the Gallery SWF in its "Gallery" page.
    Here is how I do it at the moment (in ActionScript3) :
    var swfRequest:URLRequest = new URLRequest("C:/......../Galerie/index.swf");
    var swfLoader:Loader = new Loader();
    //Charge le SWF Galerie dans le SWF Site
    swfLoader.load(swfRequest, context);
    container1.addChild(swfLoader);
    //Positionne le SWF
    swfLoader.x=10;
    swfLoader.y=120;
    It successfully loads the Gallery application but It shows an error telling me it doesn't find the XML configuration file... In the HTML file I simply had to write the "so.addVariable("xml_path","load/config.xml");" to tell where the XML file is...
    So, my question is : How can I integrate my SWF application giving it some parameters like above, in Action Script 3?
    Thank you ,
    Patrick

    No, nothing with HTML.
    I have 2 SWF applications. One is the Gallery, and the second is my Main Page.
    My Main Page must integrate the Gallery module in one of its page.
    The problem is when I try to integrate it, I think I must give de future loaded SWF some parameters like this :
    (My Main SWF loading in HTML)
    var so = new SWFObject("WebSite.swf", "flashcontent", "520", "700", "10", "#111111");
    so.addParam("allowfullscreen","true");
    so.addParam("allowScriptAccess","always");
    so.addParam("menu","false");
    so.addParam("wmode","opaque");
    so.addParam("bgcolor","#000000");
    so.setAttribute("id","flash");
    so.write("flashcontent");
    It was for the Main App. For my Gallery SWF I had to load it like this (in HTML) :
    var so = new SWFObject("Gallerie.swf", "gallery", "249", "249", "10", "#111111");
    so.addVariable("xml_path","Galerie/config.xml"); // this line is adding the path to the xml file make sure that it's name is xml_path
    so.addParam("allowfullscreen","true"); 
    so.write("flashcontent");
    So at the beginning I had 2 different projects with an HTML page for each.
    Now I wan't to directly integrate the Gallery SWF into the Main SWF. And as you have seen I must give it some parameters such as the "xml_path" and "allowfullscreen". This must be done in ActionScript 3 and I don't know how...
    I think I have to use FlashVars but I don't know how. As I said before, I have tried using the loaderinfo.parameters, but it is in read-only...
    Do you have an idea of how I can make it work ?

  • Textarea with HTML editor is not working

    Hi all,
    This is producing me a real headache.
    I created the simplest application in the world with one Textarea with HTML editor, and the editor control does not show the usual tool bar for fonts, color, alignment, etc. Just a ordinary textarea.
    Moreover, this was working before... I moved to another location in my work (me, not the server). Yes, I thought about the Internet Explorer, but Firefox has the same issue.
    So any idea I can try to make this work?
    I have another applications already in production with the same issue.
    Need help!!!!!!!!!
    Thanks in advance.
    Lukas.
    Application Express 2.1.0.00.39
    Oracle Database 10g Express Edition Release 10.2.0.1.0
    Internet Explorer 7.0.5730.11
    Firefox 1.5.0.11
    Windows XP Service Pack 2
    1 G Ram
    Pentium D CPU 2.80GHz

    Lukas,
    I would go and integrate FCKEDITOR (http://www.fckeditor.net/ ) into your application.
    Here are instructions on how to achieve this (sorry but only in German):
    http://www.oracle.com/global/de/community/tipps/einbinden_fckeditor/index.html
    It basically means:
    1) copying the files from fckeditor under the /images directory
    (you can use the instructions here: http://daust.blogspot.com/2006/03/where-are-images-of-application.html)
    2) creating two shortcuts INCLUDE_EDITOR_SCRIPTS and EDITOR
    3) placing the shortcut INCLUDE_EDITOR_SCRIPTS into the page html header and
    4) placing the shortcut EDITOR into the post element text of your plain textarea element
    That's it.
    BTW, FCKEDITOR has been included in Apex 3.0 as a standard item type.
    Regards,
    ~Dietmar.

Maybe you are looking for

  • HT5457 My iPad 2 is no longer mirrored on my tv since ios6 update.

    Why does my ipad2 no longer mirror to my tv using hdmi adapter?  This happened after I updated to ios6.

  • ITunes 7 won't launch

    When I downloaded updated to iTunes 7 I can't open it. I get an error message, "The iTunes application could not be opened. An unkown error occurred (0x666D743F).. What can I do?

  • Color separations with Snow Leopard?

    Before installing Snow Leopard I was able to create PDF color separations by going to file > print. From there I changed the printer to Adobe PDF 9.0 and changed the Mode to Separations under Output. When the print button was pressed I would get a PD

  • Kein radial filter in camera raw

    auf youtube sehe ich, dass es für mac/camera raw 8.6 den radialfilter gibt, nicht aber in meiner win version. ist das so richtig?

  • Firefox/Safari Fails to Recognize iSight

    I have attempted using my webcam over the internet programs and it fails to recognize that I have a built in camera. The main places this occurs are Facebook and Chatroulette. How would this be fixed?