Dibujar lineas entre divs

[leafartn]

Hola a todos

Estoy haciendo una pagina donde tengo un panel a un lado, desde el cual puedo arrastrar elementos al area de trabajo, todo esto lo hago con un drag and drop.

Ahora lo que necesito hacer es interconectar mediante lineas los elementos que tengo, ya que todo esto pertenece a un flujo.

He buscado y aún no encuentro cómo dibujar las líneas entre los elementos que estoy colocando en el area de trabajo, así que mi duda es exactamente cual librería o de que forma puedo cumplir con este requerimiento.

Muchas gracias por la ayuda!

saludos

[maycolalvarez]

me parece que lo que estás usando son capas absolutas, ¿no?: el problema de esta técnica es que te limitas a los objetos de html, algunos navegadores soportan el denominado canvas, y en el futuro es probable que se de con html5, pero por ahora puedes utilizar otras alternativas como adobe flash, applets de java, ms silverlight o tecnologías similares.

[leafartn]

hola, gracias por responder!

No puedo optar por otras alternativas, me tienen limitado y el problema es que me han mostrado paginas web donde implementan lo que estoy tratando de hacer.... asi que si se puede, y debo hacerlo =/

[Perr0]

Iniciado por leafartn

hola, gracias por responder!

No puedo optar por otras alternativas, me tienen limitado y el problema es que me han mostrado paginas web donde implementan lo que estoy tratando de hacer.... asi que si se puede, y debo hacerlo =/

podrias mostrarme las páginas, solo por curiosidad y para entender que pides

salu2

[leafartn]

Claro! mira aca te tengo un par de ejemplos

http://jannik-streek.de/jmod/index.html


y aca te tengo una imagen de otro ejemplo

[masterpuppet]

Que tal leafartn, te hago una pregunta, lo que utilizan en el ejemplo del link(jquery.svg) no te sirve ?

Saludos.

[leafartn]

La verdad no se, soy algo nuevo en todo esto de jquery y javascript, por eso posteo :P

[Perr0]

ok leafartn

primero aclarar unos puntos con respecto a la página

* las librerias que ocupa son de jquery, supongo que tu lo quieres hacer en javascript (por mi parte no entiendo nada de jquery, prefiero el codigo nativo)
* probe en IE, FF, CHROME, OPERA, no funciona en IE (tienes descartado IE)
* lo que quieres hacer es unir dos objetos (divs) con una linea??

si es eso, el problema radica principalmente en la linea, ya que tendiras que tener un div para una linea y este se puede girar, pero solamente en IE y rangos de 90 grados.
lo otro seria que tuvieras varias imagenes de una linea recta en diferentes posiciones de 30º por decir algo, es lo que puedo imaginar.
si quieres ocupar realmente una linea como un punto de union entre un elemento y otro, para ello necesitas un vector y para eso está flash con ac. o tambien puede usar java como en este ejemplo http://diagrameditor.com/

fijate que en tu ejemplo no sale linea, porque dejaria el codigo mas lento de hacerlo y jamas seria un vector. Ademas ese mismo ejemplo en flash y mucho mas bonito, pesaria menos (usando imagenes vectorizadas) y cargaria en 1/4 de tiempo

hay que conocer las limitaciones con lo que uno trabaja...quizá en dhtml5 se pueda

salu2