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
