Loading...

Search jQuery

Search

jQuery Forum

Using jQuery UI

[Solved] Issue with Draggable (jQuery UI)

in Using jQuery UI • 2 years ago

Hey,

I've been trying to use jQuery UI and especially the draggable function for hours.

I kinda don't know how to use the containment.

There is a left div in my HTML page which take 25% of the width of the page, and inlined to it an SVG with severals polygon.

I'm trying to be able to move the whole SVG on the x axis from n (in the example n is set to 10) to the end of the SVG with as n a blank margin from the right border on the page like the one between the left div when the SVG is fully dragged to the left.

Here is a fiddle link : https://jsfiddle.net/Wryth/bffuxzjt/6/ (I have to find var a)

I'd really appreciate any help you can provide.

1

Replies(4)

jakecigar

Re: Issue with Draggable (jQuery IU)

2 years ago

I chose

var a = $(".left-panel").width()+n-500;

https://jsfiddle.net/jakecigar/bffuxzjt/8/ <--

Is that what you need?

JΛ̊KE

Re: Re: Issue with Draggable (jQuery IU)

2 years ago

Hey,

Thanks for your answer, but that's not really what I want.

On the left, I can drag the SVG at most with n px between the left div and the SVG.

I would like to have var a for having the possibility to drag the SVG on the right

_____ Edit : 12/29/2017 03:01 GMT +1

It seems I figured out what var a were to be

var a = -n-5*100 + width;

Where 5 is the number of polygon and 100 the polygon's width.

var width is the lenght of html document

Here is the solution

Thank you JΛ̊KE for your answer which inspired me the solution :)

jakecigar

Re: Re: Issue with Draggable (jQuery IU)

2 years ago

I had n from the left. Do you need a different value for b?

JΛ̊KE

Re: [Solved] Issue with Draggable (jQuery UI)

2 years ago

Nope, thanks

b was correct

var b = width * 25 / 100 + n;

With width * 25 / 100 = to $(".left-panel").width()

Thanks.