Sorting Boxes with Add (via click): Drag N Drop: Magic JavaScript

Sort Box 2.1

Sort Box 2.2

Sort Box 2.3

Sort Box 2.4

Sort Box 2.5

Sort Box 2.6

Sort Box 1.1

Sort Box 1.2

Sort Box 1.3

Sort Box 1.4

Sort Box 1.5

Sort Box 1.6

Sort Box 1.7

Sort Box 1.8

<div class="dnd_sort_cont dnd_add_source" id="dnd_sort_ar_ex_2_right">
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.1" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_21_add"><p>Sort Box 2.1</p></div>
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.2" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_22_add"><p>Sort Box 2.2</p></div>
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.3" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_23_add"><p>Sort Box 2.3</p></div>
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.4" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_24_add"><p>Sort Box 2.4</p></div>
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.5" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_25_add"><p>Sort Box 2.5</p></div>
	<div data-mjf="dnds_add" data-mjf_dnds_add_parent="dnd_sort_ar_ex_2_left" data-mjf_dnds_value="2.6" class="dnd_sort_box_add" id="dnd_sort_ar_ex_2_26_add"><p>Sort Box 2.6</p></div>
</div>

<div data-mjf="drag_n_drop_sort" data-mjf_dnds_update_field="dnd_sort_ar_ex_2_field" class="dnd_sort_cont dnd_add_target" id="dnd_sort_ar_ex_2_left">

	<div class="dnd_sort_box" data-mjf_dnds_value="1.1" id="dnd_sort_ar_ex_2_11">
		<p>Sort Box 1.1</p>
	</div>

	<div class="dnd_sort_box" data-mjf_dnds_value="1.2" id="dnd_sort_ar_ex_2_12">
		<p>Sort Box 1.2</p>
	</div>
	
	<div class="dnd_sort_box" data-mjf_dnds_value="1.3" id="dnd_sort_ar_ex_2_13">
		<p>Sort Box 1.3</p>
	</div>
	
	<div class="dnd_sort_box" data-mjf_dnds_value="1.4" id="dnd_sort_ar_ex_2_14">
		<p>Sort Box 1.4</p>
	</div>

	<div class="dnd_sort_box" data-mjf_dnds_value="1.5" id="dnd_sort_ar_ex_2_15">
		<p>Sort Box 1.5</p>
	</div>

	<div class="dnd_sort_box" data-mjf_dnds_value="1.6" id="dnd_sort_ar_ex_2_16">
		<p>Sort Box 1.6</p>
	</div>

	<div class="dnd_sort_box" data-mjf_dnds_value="1.7" id="dnd_sort_ar_ex_2_17">
		<p>Sort Box 1.7</p>
	</div>

	<div class="dnd_sort_box" data-mjf_dnds_value="1.8" id="dnd_sort_ar_ex_2_18">
		<p>Sort Box 1.8</p>
	</div>

	<div class="clear_both"></div>
	
	<p><input type="text" name="dnd_sort_ar_ex_2_field" value="" class="input_text" id="dnd_sort_ar_ex_2_field"></p>

</div>

<script type="text/javascript">$m.trick.drag_n_drop.sort = true;</script>

Sorting Boxes with Add (via click): Drag N Drop (document.write($m.versions.tricks.drag_n_drop);): Magic JavaScript

Sorting Boxes with Add (via click): Drag N Drop (): Magic JavaScript