Home/ Questions/Q 6220477
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T07:57:47+00:00

I’m creating somekind of flowchart builder on JS. I need an advice about how

  • 0

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just an idea;

    Think the lines as a div also. Lets say it is divLine. divLine should have the background-color of the page. Then you can assign borders. So that it will seem like a line.

    Whenever a user drags the other div, you check the X and Y values anyway. According to those values, resize your divLines’s height,width and position. Probably you will have to change border values also.

    Of course HTML 5 is the much better solution but it is not working in every browser.

    • 0