Loading...
Copy code
Close
Permalink
Close
Please tell us why you want to mark the subject as inappropriate.
(Maximum 200 characters)
Report Inappropriate
Cancel
Private Message
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Cancel
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Update
Cancel
Feedback
Email ID
Subject :
Comments :
Send
Cancel
Private Message
Type the characters you see in the picture below.
Type the characters you see in the picture below.
Attach files
Desktop
Zoho Docs
Google Docs
Each Attachment size should not exceed 1MB.
Max no of attachments : 3
Loading User Profile...
guest
Response title
This is preview!
Attachments
Publish
Back to edit
Cancel
(
)
Sign In
New to this Portal? Click here to
Sign up
You can also use the below options to login
Login with Facebook
Login with Google
Login with Yahoo
jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate
All Forums
Recent Posts
Log In
Search
jQuery
Search
jQuery Forum
Screen name:
gatto_miao_2003
gatto_miao_2003's Profile
1
Posts
1
Responses
0
Followers
Activity Trend
Last 30 days
Last 30 days
Date Interval
From Date :
To Date :
Go
Loading Chart...
Posts
Responses
PM
Show:
All
Discussions
Questions
Ideas
Problems
Expanded view
List view
Private Message
Resizable div in a resizable div issue
[2Replies]
02-Dec-2012 06:07 PM
Forum:
Using jQuery UI
Hi all,
i'm new about jqueryui but i'm having a lot of fun with it.
Until now... :-)
I cannot understand why i cannot have a resizable div in a resizable div.
This is the example.
<
style
>
.demo
{
width: 150px;
height: 150px;
padding: 5px;
position: absolute;
top: 150px;
left: 200px;
}
.fence
{
width: 350px;
height: 450px;
padding: 5px;
position: absolute;
border-width: medium;
border-style: dashed;
border-color: Gray;
background-color: #fafafa;
left: 0px;
top: 0px;
}
</
style
>
</
head
>
<
body
>
<
div
id
=
"container"
>
<
div
class
=
"fence"
name
=
"fence1"
>
<
div
class
=
"demo"
style
=
"background-color: Orange;"
name
=
"alfa"
>
</
div
>
</
div
>
</
div
>
</
body
>
<
script
type
=
"text/javascript"
>
$(function () {
$('.demo').draggable().resizable();
$('.fence').draggable().resizable().droppable();
});
</
script
>
</
html
>
i'm gonna crazy.
Try if you want on
jsfiddle
. Fence div cannot be resized.
If i remove the div (demo) inside the "fence" it works.
Why?
I will be very happy if you can help me about this issue.... thank you very much.
«Prev
Next »
Moderate user : gatto_miao_2003
Forum