I noticed you're using jQuery UI. Have you tried the UI Dialog? You can set the modal option to true. See demos (including sample code) here:
http://ui.jquery.com/repository/latest/demos/functional/#ui.dialog - Richard On Thu, Nov 13, 2008 at 12:18 AM, kamelkev <[EMAIL PROTECTED]> wrote: > > > I swapped to embed tags and works pretty well in firefox and IE - but > I can't start the video with safari. It's as if the contained document > is stuck > > On Nov 13, 12:02 am, kamelkev <[EMAIL PROTECTED]> wrote: > > Well, some progress. I found that the previous code I was using was > > dumb, and wrote another iteration. > > > > This one works perfectly in firefox, and is draggable but not playing > > in safari, and for whatever reason doesn't even appear in IE(i think > > that's because of the object tag though) > > > > Suggestions? The code is very simple, here it is: > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <script src="http://code.jquery.com/jquery-latest.js";></script> > > <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ > > ui.core.js"></script> > > <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ > > ui.draggable.js"></script> > > > > <script> > > $(document).ready(function(){ > > $("#draggable-handle-div").draggable({ handle: "div" }); > > $(".block").draggable(); > > > > }); > > </script> > > > > <style> > > #draggable-handle-div { > > border: 2px solid #0090DF; > > background-color: #68BFEF; > > width: 640px; > > height: 360px; > > margin: 10px; > > } > > </style> > > </head> > > > > <body> > > <div id="draggable-handle-div" class="draggable"><div class="drag- > > handle">aaaaaaaaaaaa</div> > > <object type="application/x-shockwave-flash" data="http://blip.tv/ > > scripts/flash/showplayer.swf?file=http://blip.tv/rss/1191872"; > > width="640" height="338"></object> > > </div> > > </body> > > > > </html> > > > > On Nov 12, 10:08 pm, kamelkev <[EMAIL PROTECTED]> wrote: > > > > > Hi, > > > > > I'm wondering if anyone has stumbled across any code/sites that have > > > a jquery draggable modal window for displaying content... specifically > > > videos (youtube,bliptv,etc). > > > > > I have written something very basic whereby I have a draggable space > > > with a youtube video within it - but the problem is that the content > > > gets hidden when you drag it, and when it is shown again the enclosed > > > object is re-rendered and the video starts again from scratch. > > > > > What I'm looking to do is basically have a help video that plays on > > > a site I'm developing to support the users - I don't want to play the > > > video within thickbox as that blocks ui. Ideally I'd like them to be > > > able to move the video around so that it doesn't cover up other > > > content they may need simultaneously. > > > > > Any help is appreciated! I was able to find code that just exactly > > > this with Dojo, so I'm hoping that I can find the equivalent here. > > > > > thanks! > > > Kevin Kamel >
