HTML / CSS проблема: нужен совет.Как - PullRequest
Новая
       9

HTML / CSS проблема: нужен совет.Как

0 голосов
/ 03 августа 2011

Я создаю что-то вроде построителя блок-схем на JS. Мне нужен совет о том, как я могу сделать два блока (деления), связанных стрелкой или линией. Посмотрите на пример ниже 

 ______
|      |
|  DIV x----------------
|      |                |
--------                |
                        |
                      __x___
                     |      |
                     | DIV2 |
                     |      |
                     --------

Div можно перетаскивать, поэтому соединение должно быть динамическим. Ребята, вы можете помочь мне с этим?

Приветствия

1 Ответ

1 голос
/ 03 августа 2011

Просто идея;

Думай о линиях как о div. Допустим, это divLine. У divLine должен быть цвет фона страницы. Затем вы можете назначить границы. Так что это будет выглядеть как линия.

Всякий раз, когда пользователь перетаскивает другой div, вы все равно проверяете значения X и Y. В соответствии с этими значениями измените высоту, ширину и положение ваших divLines. Возможно, вам также придется изменить значения границ.

Конечно, HTML 5 - гораздо лучшее решение, но оно работает не во всех браузерах.

...