Felix, I appreciate you putting in the time to help me thus far. I still can not get it to work.
I posted my test page publicly so that you can see the exact code I am using. http://tlc.umsl.edu/jw/test.html I have used other effects (slide[up|down]) within PWC so I feel like it should work, maybe if i set the content of the Dialog using a url ? but doesn't that than create an iframe? -jw Felix Shnir <[EMAIL PROTECTED]> wrote: Ok well, this has to do with how PWC works. Because you initialize Draggables before PWC, it looses its events because the objects get recreated when PWC is constructed (also, I dont know if Draggables registers display none?). In any case, this seems to work: function foo(){ Dialog.confirm($('foo').innerHTML, {windowParameters: {className:"alphacube", width:700}, okLabel: "Save", cancelLabel: "Cancel", ok:function(win){ return false;}}); new Draggable('drag1'); new Draggable('drag2'); } Felix. On 1/4/07, jw <[EMAIL PROTECTED]> wrote: Here is the full code (i can look for a place to host if you want to see it in action): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html> <head> <title>Storygraph</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" ></meta> <script type="text/javascript" src="javascript/prototype.js"> </script> <script type="text/javascript" src="javascript/window.js"> </script> <script type="text/javascript" src="javascript/scriptaculous/scriptaculous.js"> </script> <link href="css/themes/alphacube.css" rel="stylesheet" type="text/css"></link> <link href="css/themes/default.css" rel="stylesheet" type="text/css"></link> </head> <body> <p><a href="#" onclick="foo()">Open</a></p> <div id="foo" style="display:none"> <div id="drag1">Drag Me 1</div> <div><div id="drag2">Drag Me 2</div></div> </div> <div id="drag3">Drag Me 3</div> <div id="drag4">Drag Me 4</div> <script type="text/javascript"> //new Draggable('drag1'); new Draggable('drag2'); new Draggable('drag3'); new Draggable('drag4'); new Draggable('drag1',{revert:true}); function foo(){ Dialog.confirm($('foo').innerHTML, {windowParameters: {className:"alphacube", width:700}, okLabel: "Save", cancelLabel: "Cancel", ok:function(win){ return false;}}); } </script> </body> </html> Felix Shnir < [EMAIL PROTECTED]> wrote: ok, is there an example? Felix. On 1/4/07, jw <[EMAIL PROTECTED] > wrote: Felix, Thanks for you help. That did not work I really do not need them to be ul/li's so i removed them and am just trying them with div's now. I have tried the following. <div id="foo" style="display:none"> <div id="drag1">Drag Me 1</div> <div><div id="drag2">Drag Me 2</div></div> </div> neither drag1 or drag2 work. there is no style applied to this page and I am using the alphacube theme. it seems like it could be a zindex issue, but I do not know which one to change it on. -jw Felix Shnir <[EMAIL PROTECTED]> wrote: You need to wrap your draggables with a div like so: <div id="foo" style="display:none;"> <ul> <li><div id="drag1">Drag Me 1</div></li> </ul> </div> If this doesnt help, depending on the context of your drabbable-droppable, you will need another extra div :) <div id="foo" style="display:none;"> <ul> <li><div><div id="drag1">Drag Me 1</div></div></li> </ul> </div> Felix. On 1/3/07, jw < [EMAIL PROTECTED]> wrote: I have tried to search the archives but can't find a definitive answer. Can you use scriptaculous draggable inside a dialog module? If so anyone have a working example of a using a scriptaculous draggable inside of a Dialog module ? I can get it to work withing a window, but not a Dialog module? All i need is a simple test case to work off of. thanks, -jw here is my simple test case I am working with : <a href="#" onclick="foo()">Open</a> <div id="foo" style="display:none;"> <ul> <li id="drag1">Drag Me 1</li> <li id="drag2">Drag Me 2</li> </ul> </div> <ul> <li id="drag3">Drag Me 3</li> <li id="drag4">Drag Me 4</li> </ul> <script type="text/javascript"> new Draggable('drag1'); new Draggable('drag2'); new Draggable('drag3'); new Draggable('drag4'); function foo(){ Dialog.confirm($('foo').innerHTML, {windowParameters: {className:"alphacube", width:700}, okLabel: "Save", cancelLabel: "Cancel", ok:function(win){ return false;}}); } </script> __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com -- Felix ------------------------- God put me on earth to accomplish a certain number of things. Right now, I'm so far behind, I will never die... _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com -- Felix ------------------------- God put me on earth to accomplish a certain number of things. Right now, I'm so far behind, I will never die... _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com _______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com
_______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com
