Het gaat om het verbinden van divs.
Wat ik begrijp uit het javascript is dat de verbonden divs opgeslagen worden in de _lines
Kan iemand me vertellen hoe ik dat na een submit terug kan krijgen in een array in php?
<form id="form1" name="form1" method="post">
<div id="parentNodes_11">
<div class="nodes">
<div class="group1">
<div class="node">auto<span class="node1" data-connect="false" data-id="0" data-use="false"></span></div>
<div class="node">fiets <span class="node2" data-connect="false" data-id="1" data-use="false"></span></div>
<div class="node">water <span class="node3" data-connect="false" data-id="2" data-use="false"></span></div>
<div class="node">zwem <span class="node4" data-connect="false" data-id="3" data-use="false"></span></div>
</div>
<div class="group2">
<div class="node">broek <span class="node5" data-connect="false" data-id="0" data-use="false"></span></div>
<div class="node">band <span class="node6" data-connect="false" data-id="1" data-use="false"></span></div>
<div class="node">wiel <span class="node7" data-connect="false" data-id="2" data-use="false"></span></div>
<div class="node">kraan <span class="node8" data-connect="false" data-id="3" data-use="false"></span></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<input name="submit" type="submit" id="submit" formmethod="POST" value="Verzenden">
</form>
<script type="text/javascript">
(function($) {
$.fn.connect = function(param) {
var _canvas;
var _ctx;
var _lines = new Array(); //This array will store all lines (option)
var _me = this;
var _parent = param || document;
var _lengthLines = $(_parent + ' .group1 .node').length;
var _selectFirst = null;
//Initialize Canvas object
_canvas = $('<canvas/>')
.attr('width', $(_me).width())
.attr('height', $(_me).height())
.css('position', 'absolute');
$(_parent).prepend(_canvas);
//$(_canvas).insertBefore(_parent);
this.drawLine = function(option) {
//It will push line to array.
_lines.push(option);
this.connect(option);
};
....... het javascript gaat hier verder
<script type="text/javascript">
$(document).ready(function() {
$('#parentNodes_11 .nodes').connect('#parentNodes_11');
});
</script>
