Thursday, February 26, 2009

[jQuery] Re: Overlay not working on jquery-ui-personalized-1.6rc6.min.js

The overlay in 1.6rc6/1.7 is no longer specified as an option, but is part of the jQuery UI CSS Framework. If you have a jQuery UI Theme, it will have a default overlay style which you can modify or overide, using css in a stylesheet, rather than in js.

If you need any further help, please note there's a dedicated jQuery UI list:

http://groups.google.com/group/jquery-ui

Thanks.

- Richard

On Thu, Feb 26, 2009 at 12:33 PM, bittermonkey <brakes2k3@gmail.com> wrote:

This is my code:
---------------------------------------------------------------------------------------
   <script language="javascript" type="text/javascript" src="/js/
jquery-1.3.2.min.js"></script>
   <script language="javascript" type="text/javascript" src="/js/
jquery-ui-personalized-1.6rc6.min.js"></script>
       <script language="javascript" type="text/javascript">
               $(function(){
                       /* Modal Dialog Box Configuration */
                       $("#addproductsForm").dialog({
                               bgiframe: true,
                               autoOpen: true,
                               modal: true,
                               overlay: {
                                       backgroundColor: "#000",
                                       opacity: 0.5
                               },
                               position: "center",
                               dialogClass: "insertForm",
                               closeable: false
                       });
               });
       </script>
---------------------------------------------------------------------------------------

The funny thing is if i downgrade the jquery and UI files to versions
1.2.6 and 1.5.3 respectively, the overlay works but IE throws a
javascript error. Thanks a lot.

No comments: