JS plumb test

').appendTo('body')
            jsPlumb.draggable($('#' + id)); // Div drag-bar machen
            punkte($('#' + id));
        });
    });
    
    
    
    
            var anEndpointSource = {
            endpoint: "Rectangle",
            isSource: true,     // Startpunkt
            isTarget: false,
            maxConnections: 10, // Maximale Anzahl der Verbindungen
            anchor: [0, 0, 0, 0]    // Auslenkung
        };

        var anEndpointDestination = {
            endpoint: "Dot",    // punkt als "Symbol"
            isSource: false,    
            isTarget: true,     // Endpunkt
            maxConnections: 10,
            anchor: [0, 0, 0, 0]
        };


        //Fixieren der Endpunkte
        function fixEndpoints(parentnode) {
            //Endpunktliste
            var endpoints = jsPlumb.getEndpoints(parentnode);
            var inputAr = $.grep(endpoints, function (elementOfArray, indexInArray) {
                return elementOfArray.isSource; //input
            });
            var outputAr = $.grep(endpoints, function (elementOfArray, indexInArray) {
                return elementOfArray.isTarget; //output
            });
            calculateEndpoint(inputAr, true);
            calculateEndpoint(outputAr, false);
            jsPlumb.repaintEverything();
        }

        //Positionierung
        function calculateEndpoint(endpointArray, isInput) {
            var mult = 1 / (endpointArray.length+1);
            for (var i = 0; i < endpointArray.length; i++) {
                if (isInput) {
                    //position
                    endpointArray[i].anchor.x = 1;
                    endpointArray[i].anchor.y = mult * (i + 1);
                } 
                else {
                    //position
                    endpointArray[i].anchor.x = 0;
                    endpointArray[i].anchor.y = mult * (i + 1);
                }
            }
        }
// ---------------------------------------------------------------------
// Verbindungspunkte hinzufügen
// ---------------------------------------------------------------------           
            
       function punkte(parentnode){               
            jsPlumb.addEndpoint(
                parentnode,
                anEndpointSource
            );
            
            jsPlumb.addEndpoint(
                parentnode,
                anEndpointDestination
            );
            
            fixEndpoints(parentnode);
    	}