There's an error on your page:
$(".drg").resizeable is not a functionChange 'resizeable' to 'resizable' - Richard On Sat, Aug 29, 2009 at 4:52 AM, PLane007 <[email protected]>wrote: > > I have a page that is called and pops up a dialog box first. That > works well and is resizable, draggable etc. When that is closed the > page displays as it should. There is a <DIV> on it that should be > draggable and resizeable. > > I can drag it, but the resizeable call will not work. Indeed, if it is > moved in the code to before the draggable call, the draggable call > stops working. The resizable call is in its most basic form. The code > to run resizeable is obviously working with the dialog box. > > Why is the resizeable function failing? > > I have been playing with the code for over a day and I cannot find > where my code is wrong! > > <!DOCTYPE HTML> > <html> > <head> > <title>My Own ShowPod</title> > <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> > <meta http-equiv="Content-Type" content="text/html; > charset=ISO-8859-1"> > <script type="text/javascript" src="../java/jquerypack.js"></script> > <script type="text/javascript" src="../java/jqueryuipack.js"></script> > <script type="text/javascript" src="../java/jquery.bgiframe.js"></ > script> > <LINK rel="SHORTCUT ICON" href="http://dev.mygrlinks.com/mygr.ico";> > <link rel=stylesheet type="text/css" href="../css/coolstyle.css"> > <link rel='stylesheet' href='http://dev.mygrlinks.com/friends/eagle/ > CSS/6.css' media='screen'> > <link rel=stylesheet type="text/css" href="../css/jquery/thm4.css"> > <script language="JavaScript"> > //<!-- > $(function(){ > $("#dialog").dialog({ > bgiframe: true, > autoOpen: true, > closeOnEscape: true, > title: 'Block Placement', > zIndex: 9100, > modal: true > }); > $(".drg").draggable({ > handle: ".dragme", > delay: 200, > distance: 20, > grid: [20,20], > iframeFix: true > }); > $(".drg").resizeable(); > }); > //--> > </script> > </head> > <body topmargin=0 leftmargin=0 id='mygr-display-all'> > <div class='ui-widget-content ui-corner-all drg' id='blk3' > style='padding: 5px; min-width: 0px; height: 300px; position: > absolute; left: 1px; top: 150px;'> > <div class='ui-widget-header ui-corner-all dragme box-header' > valign='middle'> > Contact Me</div>Please use any of the details below to contact me. I > look forward to hearing from you.<br><br><div class='ui-widget-content > ui-corner-all' style='padding: 5px; float: left'><p><a target='_blank' > title='Contact Page Link' href='http://dev.mygrworld.com/contact/ > eagle'>Click Here</a> to see my <a title='Contact Page Link' > href='http://dev.mygrworld.com/contact/eagle'><b>Contact Page</b></ > a><p>Adrian Taylor</p><br><b>City</b>: Croydon<br><b>County/State</ > b>: CR0 7AS<br><b>Country</b>: CR0 7AS</div> > </form> > </div> > <div id='dialog'> > <p>This <B>Page</b> allows you to set where your chosen <B>Blocks</ > b> are to appear for your <B>Visitors</b>.</p> > <span style='font-size: smaller'><i>Press Escape to exit</i></span> > </div> > </body> > </html> > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
