I've been playing around with JQuery for the last few hours and getting
absolutely nowhere.

What I want is that when a link is clicked, a modal dialog box opens up on
the screen, and inside that box is a flash movie.
The flash movie is the floor plan for a mall. The idea being that the link
will be located at the top of a table that will display the mall
directory...the user clicks the Link to 'pop up' the Interactive Flash
directory.

I've tried this:

<link rel="stylesheet" href="
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css";
type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
type="text/javascript"></script>
<script src="
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js";
type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>
 <div id="terms" style="display:none;">
Insert Flash object here:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1200"
height="1200" id="FlashID" title="Floor Plan Animation">
  <param name="movie" value="lowlands_floorplan.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="9.0.45.0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to
download the latest version of Flash Player. Delete it if you don't want
users to see the prompt. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using
IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="lowlands_floorplan.swf"
width="1200" height="1200">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users
with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash
Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer";><img src="
http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif";
alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>


   </div>
   <a id="showTerms" href="#">Show Flash Dialog</a>
   <script type="text/javascript">
       $(document).ready(function(){
           $('#showTerms').click(function(){
               $('#terms').dialog({height:970,width:970,modal:true});
           });
       });
   </script>


The Modal Dialog box opens when I click the link, but there is no Flash
video inside of it.

For those of you who have done this before, any idea how I can get this to
work?


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology-Michael-Dinowitz/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-community/message.cfm/messageid:324400
Subscription: http://www.houseoffusion.com/groups/cf-community/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-community/unsubscribe.cfm

Reply via email to