Hi all,
I've run into a little problem using JQuery and JQueryUI. Im trying to
make an embedded swf object draggable, but it only works in Safari,
Firefox but fails in IE. IE7 returns the error "Object doesn't support
this property or object". I've found that this only happens when I use
the Helper : Clone. If I just use $('#divtodrag').draggable(); it will
work, but $('#divtodrag').draggable({'helper:'clone'}); gives the
error.
The object part was placed there by Dreamweaver for me.
Here is the source code:
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></
script>
<script type="text/javascript" src="Scripts/jquery-1.3.1.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-
personalized-1.6rc6.js"></script>
</head>
<body>
<div id="abe">
this is my div
start
h
end
</div>
<div id="myDivID">
<object id="FlashID" classid="clsid:D27CDB6E-
AE6D-11cf-96B8-444553540000" width="640" height="480">
<param name="movie" value="../../imgs/01.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.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="../../imgs/
01.swf" width="640" height="480">
<!--<![endif]-->
<param name="quality"
value="high">
<param name="wmode"
value="opaque">
<param name="swfversion"
value="8.0.35.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>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
$(document).ready(function(){
$('#abe').draggable({
revert:true,
'helper':'clone'
});
$('#myDivID').draggable({
revert:true,
'helper':'clone'
});
//$('#myDivID').draggable(); works perfectly, but i need
helper clone
});
</script>
</body>
</html>
[/code]
Can anybody help me?
Thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
