Response title
This is preview!
Resizeable not working properly - JQ Vers:v1.3.2 UI 1.7.2
in Using jQuery UI
•
13 years ago
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.
<div class='ui-widget-content
ui-corner-all' style='padding: 5px; float: left'>
<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>
Adrian Taylor
<b>City</b>: Croydon
<b>County/State</
b>: CR0 7AS
<b>Country</b>: CR0 7AS</div>
</form>
</div>
<div id='dialog'>
This <B>Page</b> allows you to set where your chosen <B>Blocks</
b> are to appear for your <B>Visitors</b>.
<span style='font-size: smaller'><i>Press Escape to exit</i></span>
</div>
</body>
</html>