2011-08-03 11 views
0

私はフローチャートビルダーのsomekindをJS上に作成しています。矢印や線で結ばれた2つのブロック(div)を作るにはどうすればよいかアドバイスが必要です。接続は動的でなければならないのでHTML/CSSの問題:アドバイスが必要です。どのように

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

DIVS以下の例で ルックドラッグ可能です。みんなで私を助けてくれますか?

乾杯

+1

HTMLでは不可能です。 HTML5 Canvas APIを使用する必要がありますが、IE9ブラウザ以下ではCanvas APIをサポートしていません。 –

+0

またはフラッシュ – nobody

答えて

1

ちょっとしたアイデア。

divも同様です。 divLineと言います。 divLineはページの背景色を持つ必要があります。次に、罫線を割り当てることができます。それは線のように見えるように。

ユーザーが他のdivをドラッグするたびに、XとYの値をチェックします。これらの値に従って、divLinesの高さ、幅、位置を変更します。おそらく境界値も変更する必要があります。

もちろん、HTML 5ははるかに優れたソリューションですが、すべてのブラウザで動作しているわけではありません。

+0

を使用することができますhttp://jsfiddle.net/rdwrX/このようなことができます。しかし、ドラッグ&ドロップオプションのJSコーディングが必要です。 – zipizip

関連する問題