2011-08-03 39 views
0

我在JS上创建了一些流程图生成器。我需要关于如何使两个块(div)与箭头或线连接的建议。 看下面的例子中HTML/CSS问题:需要建议。如何

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

Div的是dragable所以连接必须是动态的。你能帮助我吗?

干杯

+1

这不可能用HTML。您需要使用HTML5 Canvas API,但IE9以下的浏览器不支持它。 –

+0

或者你可以使用flash – nobody

回答

1

只是一个想法;

认为行也是一个div。让我们说它是divLine。 divLine应该具有页面的背景颜色。然后你可以分配边界。这样看起来就像一条线。

每当用户拖动另一个div时,无论如何都要检查X和Y值。根据这些值,调整你的divLines的高度,宽度和位置。也许你将不得不改变边界值。

当然HTML5是更好的解决方案,但它不适用于每个浏览器。

+0

http://jsfiddle.net/rdwrX/可以是这样的。但是你需要JS编码的拖放选项。 – zipizip