0 Replies Latest reply on Jun 21, 2009 10:09 PM by Johnking08

    How to change index.template.html to put a HTML table side by side with Flex swf displayed in IE

    Johnking08 Level 1

      I created my own index.template.html using <object> tag to hold Flex swf file, but it only works for FireFox, not IE.

      I did not use the original FlexBuilder's index.template.html and the JavaScripts to generate the HTML wrapper.

       

      Here is my index.template.html:

       

       

      <html lang="en">
          <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
              <title>My App</title>
               
          </head>

       

          <body scroll="yes">
          <table cellpadding="0" cellspacing="0" width="982px" border="0">
              <tr width="982px"><td>This app is still under development. Currently, you can... </td></tr>
          </table>
          <p>
          <table>
              <tr>
                  <td>
                      <div style="width:192px;height:130px;border:1px solid rgb(0, 0, 0);">
                      <!-- div style="border-style:solid;" -->
                      <table align="left" border="0" >
                          <tr>
                                <td >
                                    <span style="color:#242F6D;font-weight:bold;font-size:12px;">Stock:</span>
                              </td>
                          </tr>
                          <tr>
                              <td>
                                    <select style="font-size:11px;">
                                        <option>ADBE - Adobe</option>

                                        <option>BAC - Bank of America</option

                                  </select>
                                </td>
                          </tr>
                          <tr>
                              <td >
                                    <span style="color:#242F6D;font-weight:bold;font-size:12px;">Shares:</span>
                              </td>
                          </tr>
                          <tr>
                                <td>
                                    <input type="text" name="shares" style="font-size:11px;"/>
                                </td>
                          </tr>
                          <tr>
                                <td>
                                    <button type="button" style="color:#242F6D;font-weight:bold;font-size:10px;">Add To My App</button>
                                </td>
                          </tr>
                      </table>
                      </div>
                      <p>
                      <div style="width:192px;height:310px;border:1px solid rgb(0, 0, 0);">
                      <table border="0">
                          <tr>
                              <td style="color:#242F6D;font-weight:bold;font-size:10px;">
                                  You may enter your values
                              </td>
                          </tr>
                          <tr>
                              <td >
      <textarea id="quoteShare" style="width:186px;font-weight:bold;font-size:11px;" rows="13" >

      </textarea>
                              </td>
                          </tr>
                          <tr>
                              <td>
                              <button onclick="callFlex()" type="button" style="color:#242F6D;font-weight:bold;font-size:10px;">Get Values of My App</button>
                                </td>
                          </tr>
                      </table>
                      </div>
                  <td>
                  <td>
                      <table align="left" border="0" >
                          <tr valign="top">
                              <td valign="top">

       

                                  <object type="application/x-shockwave-flash" data="ComponentTester.swf" WIDTH="850" HEIGHT="460" />
                                </td>
                            </tr>
                      </table>
                  <td>
              </tr>
          </table>   
          </body>
      </html>