Jw, you misread the code I put in. You should initialize draggable inside
foo() function, after you created a dialog:
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:
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
_______________________________________________
Javawin mailing list
[email protected]
http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com
