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

Reply via email to