musclesoft / jquery-connections Goto Github PK

I'm actually working on a binary tree and i need to connect nodes. The code works good for me, but i would like to change the starting point of the connection. When i connect a partent node to child nodes, the connections starts from bottom of parent node, but i want it to start from left and the connect to top border of the child(for left child, right for the right child)

laves i functions.php

Elementer skal skrives i et array indtil Jquery genereres. På den måde kan Jquery placeres samme sted

Trying to get the mouseover event on connections. since the connection divs are overlapped, not able to get the mouseover event of overlapped connections (part of 2 and 3 in picture)

Is there a way to capture the mouseover events of connecting lines accurately ..?

Is there any way to force the lines to connect to the left and right sides only?

I would like to be able to link specific line items "tr" 's of different tables but can not have the lines go over other line items, so need to force the lines to go to the sides only so you can tell which items belong together.

I am facing this issue and all the details with screenshots are here
http://stackoverflow.com/questions/31410691/connecting-lines-loosing-uniformity-when-number-of-elements-on-webpage-is-increa
Please have a look into this.

Is there any way to specify that I only want to draw lines from the left side of my div to the right side of another div?

The effect I'm going for:

After a connection has been made between two draggabke divs i would like to get the ids from the from and the to draggabke divs after clicking on the connection line.
Is this possible?
Any directions how to obtain are appreciated.

Is there a trick to get scrollbar to work on overflow?

Hi,
is it possible to style each end of a connector ? By example a different color, or shape.
Thanks and congrats for this simple and useful lib.
Yann

Nodes må ikke ligge oveni hinanden

Instead of being bent at a particular point.
Is there a way of the line being straight
( |__ -> \ )

Hi, sometimes the lines are not correctly connected to the anchor.

to make this happen i used two anchors, you can see this in the images below.

The anchors and line are build like this :

.connected {
	height: 0px;
	width: 0px;
	position: absolute;
	border: none;
	background: rgba(0, 111, 186, 1);
}

connection {
	border: 10px solid rgba(0, 111, 186, 1);
	border-radius: 30px;
	pointer-events: none;
	box-sizing: content-box;
	z-index: 9;
}

When i scroll sometimes it fits perfect, other times you see an small space in between the lines.

is there a way to fix this?

Hi, Can you brief if there is a way to set anchor point for the connection like left,right,top or bottom? It is always creating center anchor for the source element which I don't want in my case.

how to draw i want, thanks!

Trying the demo's on a Safari browser will not work. Working fine in Chrome.

I create boxes and connect them and the connection lines are drawn just fine. When I refresh the page the lines come back differently and I can't predict how/why/when they are different. Are the "rules" for drawing lines documented anywhere besides in the code? Can I do anything about this?

For instance, when I move a box (and save its new location) and update the lines they display one way. Then I refresh the page and the lines change. The boxes don't move at all but the connection line changes. Like going between the same two boxes in different paths:

   +--------- 1
   |
   |
   2

or

             1
             |
             |
   2 --------+

Any help is appreciated.

Is it possible to have only straight lines ?

I would just like a straight line between the 2 elements, nothing fancy but I can't seem to be able to.

I'm not sure I understand how to use "remove" in this situation:

I have a bunch of connections, created like this:

$('.class1').each(function(){
    var div1=$(this);
    var toid=$(this).attr('data-id');
    var div2 = $('.to." + toid);
    $().connections({
        from: div1,
        to: div2
    });
});

Next I want to remove (either one or all) but none of these work:

$('.class1').each(function(){
    $(this).connections('remove');
});

$('.class1').connections('remove');

$('.class1').each(function(){
    var toid=$(this).attr('data-id');
    var div2 = $('.to." + toid);
    $(div2).connections('remove');
});