Hierarchal jQuery Element drawn in scrollable div

[GoogleCodeExporter]

I am a new user working with the demo: http://jsplumb.org/jquery/chartDemo.html

If one of the elements is initially drawn out of the viewing area, the window 
shows a horizontal scroll bar.  When I use the scroll bar to move the window, 
then try to drag the element, the connectors are showing radically out of place.

What I do is take the demo code, then reposition one of the elements with:

#window6 { left:247em;top:24em;}

This pushes the element to the far right.  Then move the scroll bar and then 
move the element.

I am very new to jsplumb and am not sure if this is a setup issue or a problem 
elsewhere.

Original issue reported on code.google.com by br...@databaseknowledge.com on 11 Jan 2012 at 11:02

[GoogleCodeExporter]

could you possibly provide a test case on jsFiddle?

Original comment by simon.po...@gmail.com on 11 Jan 2012 at 11:16

[GoogleCodeExporter]

I'm going to try to reproduce in jsFiddle.  You wouldn't by chance have a 
simple example already in jsFiddle which I could copy?

Original comment by br...@databaseknowledge.com on 13 Jan 2012 at 9:50

[GoogleCodeExporter]

The one thing I don't understand with jsfiddle is how it knows which version of 
jsplumb to include.  

I started making this:  http://jsfiddle.net/MkPmW/2/

If I could see an example of the correct js code, I think I could get the hang 
of it.  

I'll create a new jsfiddle and look for more examples.  In case you have a sec 
and want to correct this js plumb, I'm just trying to connect bezier 
connections to 1-2 and 1-3.  

Original comment by br...@databaseknowledge.com on 13 Jan 2012 at 10:14

[GoogleCodeExporter]

thanks for that.  try this update:

http://jsfiddle.net/sporritt/MkPmW/7/

the trick with including stuff like jsPlumb is clicking on the 'manage 
resources' item on the left, then including the urls you need. so i just linked 
it to the jsplumb script off jsplumb.org.

Original comment by simon.po...@gmail.com on 13 Jan 2012 at 10:28

[GoogleCodeExporter]

Your example helps a lot.  It works great.  I am unable to reproduce the 
problem I’m seeing locally.  So I have a setup issue.

Here’s the final:  http://jsfiddle.net/tm7J3/

The jsfiddle code helps a lot as I’ve been working from the source code in 
demo and there’s a lot more going on than just the jsplumb.   Now I’ll be 
able to start from the basics and gradually build.   

Do you happen to know if there is an algorithm which will automatically 
position the elements in a hierarchal structure?

Original comment by br...@databaseknowledge.com on 13 Jan 2012 at 11:11

[GoogleCodeExporter]

That was the wrong url for the jsfiddle.... I'm seaching history to find it...

Original comment by br...@databaseknowledge.com on 13 Jan 2012 at 11:17

[GoogleCodeExporter]

I lost my example, here's a new one: http://jsfiddle.net/dZX4q/

It looks like it's working, I use this a baseline and build from here.

Thanks.

Original comment by br...@databaseknowledge.com on 13 Jan 2012 at 11:45

[GoogleCodeExporter]

I'm out now, i will take a look later today. Re the hierarchical layout 
question, I am working on a need project I'm calling the "jsplumb toolkit" 
which will have that sort of stuff.  Watch this space!

Original comment by simon.po...@gmail.com on 13 Jan 2012 at 11:54

[GoogleCodeExporter]

closing this out.

Original comment by simon.po...@gmail.com on 19 Jan 2012 at 9:35

• Changed state: Done
• Added labels: Type-Other
• Removed labels: Type-Defect