You're using the 'containment' parameter incorrectly. Refer to the
documentation for the proper usage:
http://interface.eyecon.ro/docs/drag

--Erik

On 3/12/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Hi,
>
> After reading through the documentation, I have a more sensible question 
> about draggables, overriding the more vague question I asked before.  I am 
> trying to create an area where the draggable can be moved and if it is not 
> moved to this area, I would prefer it returns to where it is.  I found an 
> attribute "containment" for the draggable.  Sadly, my page does not seem to 
> be respecting the containment.  Instead allowing the draggable to be moved 
> anywhere on the screen, regardless of whether it is in the containment area.  
> Can someone help?  Here is the snippet of HTML / JS code.
>
> <div id="worksheetItems" class="worksheetItems">
> <table>
> <tr class="worksheetHeader"><td>Available Worksheets</td></tr>
> <tr><td id="worksheetItemArea">
>         <div id="w1"><table>
>                 <tr>
>                         <td><img src="images/pdficon.gif" alt="" 
> border="0"></td>
>                         <td class="worksheetItem">Worksheet 1</td>
>                 </tr>
>         </table></div>
> </td>
> </tr></table>
> </div>
> <script type="text/javascript">
>         $(document).ready(
>                 function () {
>                         $('#w1').Draggable(
>                                 {
>                                 zIndex:         1000,
>                                 containment:    'userWIArea',
>                                 ghosting:       false,
>                                 opacity:        0.7
>                                 }
>                         );
>                 }
>         )
> </script>
> </td>
>                 <td><div id="userWorksheetItems" class="userWorksheetItems">
> <table>
> <tr class="worksheetHeader"><td>My Custom Worksheet</td></tr>
> <tr><td id="userWIArea"></td></tr>
> </table>
> </div>
> </td>
>         </tr>
> </table>
>
> Thanks, - Dave
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to