Click here to Skip to main content
13,148,573 members (58,099 online)
Rate this:
Please Sign up or sign in to vote.
See more:
Hi Friends

i am creating a Organisation chart using HTML , due to constant changes in the Department , we have to automate the Org chart to avoid constant changes to power point and images

Therefore i am creating the Org chart using HTML which will be publish to sharepoint later

i have already created a div , and have used Jquery to flip the div to view the person details , but i have the problem connecting two div using some line object ,can anyone suggest some plugin or javascript or some html code to show the connection between two divs using line
Posted 2-Oct-12 23:43pm

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Maybe you can have canvas in the background and by calculating div location (jQueryUI position i.e.)
you can write lines in canvas from one element to another.

Or maybe SVG instead of HTML5 (if you still using some crappy version of IE)?

This is most simple solution i guess. Other posibilities: there are some libraries that make it possible to generate images on the fly, and with some css you can place it on background.
Rickin Kane 4-Oct-12 6:11am
Thanks man for your help , but i solved it using JsSimple connect Javascript , anyway thanks for your suggestion
n.podbielski 4-Oct-12 7:32am
Thanks for you reply to. I didn't know about something like this. Interesting.
I thought about more curvy lines some i suggested drawing instead of adding html elemnts. It's more elegant i guess.
But more complicated to. Take care

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web03 | 2.8.170924.2 | Last Updated 3 Oct 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100