Thank you Felix. That solved it. It also solved a couple of other issues I
was having with PWC.
-jw
Felix Shnir <[EMAIL PROTECTED]> wrote: 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
__________________________________________________
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
