-
- // Create arrow.
- var s1 = add_target();
- var d1 = add_target();
- var s1v = add_target();
- var d1v = add_target();
- var pos = $("#board").position();
- $("#" + s1).css({ top: pos.top + from_y + (0.5 * arrow_size) * dy, left: pos.left + from_x + (0.5 * arrow_size) * dx });
- $("#" + d1).css({ top: pos.top + to_y - (0.5 * arrow_size) * dy, left: pos.left + to_x - (0.5 * arrow_size) * dx });
- $("#" + s1v).css({ top: pos.top + from_y - 0 * dy, left: pos.left + from_x - 0 * dx });
- $("#" + d1v).css({ top: pos.top + to_y + 0 * dy, left: pos.left + to_x + 0 * dx });
- var connection1 = jsPlumb.connect({
- source: s1,
- target: d1,
+ var pos = $(".square-a8").position();
+ $("#" + arrow.s1).css({ top: pos.top + from_y + (0.5 * arrow_size) * dy, left: pos.left + from_x + (0.5 * arrow_size) * dx });
+ $("#" + arrow.d1).css({ top: pos.top + to_y - (0.5 * arrow_size) * dy, left: pos.left + to_x - (0.5 * arrow_size) * dx });
+ $("#" + arrow.s1v).css({ top: pos.top + from_y - 0 * dy, left: pos.left + from_x - 0 * dx });
+ $("#" + arrow.d1v).css({ top: pos.top + to_y + 0 * dy, left: pos.left + to_x + 0 * dx });
+
+ if (arrow.connection1) {
+ jsPlumb.detach(arrow.connection1);
+ }
+ if (arrow.connection2) {
+ jsPlumb.detach(arrow.connection2);
+ }
+ arrow.connection1 = jsPlumb.connect({
+ source: arrow.s1,
+ target: arrow.d1,