Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery UI

rolikoff

Is there a chance to make a visible connection between 2 divs using jQueryUI?

Answered

Need more info
Working on it
Answered

in Using jQuery UI • 9 years ago

I'm creating somekind of flowchart builder on JS. I need an advice about how can I make two blocks (divs) connected with an arrow or line.

Look at the example below

______

| |

| DIV x----------------

| | |

---------- |

__x__
| |

| DIV2 |
| |
----------
Divs are dragable so the connection have to be dynamic. Can you help me guys with it?

Cheers

Replies(4)

Kevin B

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

9 years ago

it can be done. I don't know of a plugin that will do it for you, and I don't have any code to give you.

it would involve two divs with a 1px border to create the lines, and you would have to resize/reposition the divs as the draggable divs are dragged based on the draggable divs position and size relative to each other.

Edit: this link may help http://stackoverflow.com/questions/4684568/how-to-connect-draggable-divs

-- Kevin

rolikoff

Re: Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

9 years ago

Thanks Kevin, very useful!

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

9 years ago

Another option would be to use HTML5 Canvas. This has broad support in all modern desktop and mobile browsers (see http://caniuse.com/canvas ) and there are plenty of polyfills available for IE6-IE8 ( see https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills ) which are the only browsers lacking native support.

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

4 years ago

See bellow link :-

http://kennykee.com/128/drawing-a-line-between-two-draggable-divs/

Hope that will help you.

Thanks

Regards;

Statistics

4 Replies
16817 Views
0 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

Is there a chance to make a visible connection between 2 divs using jQueryUI?

Answered

Replies(4)

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

Re: Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

Re: Is there a chance to make a visible connection between 2 divs using jQueryUI?

Statistics

Tags

Actions