Creating a dynamic soccer field

I need to create a soccer field and then have some sort of drop down menu that selects formations (e.g. 4-4-2, 4-5-1, etc.) and moves my players (more like circles with number / name ) to this field to achieve the desired education.

Any ideas on how to get started?

+4
source share
3 answers

Like cfv1000, you should look at draggable and droppable in the jQuery user interface.


So I began for you. This is not close to completion.

With your identifiers for your element (s), simply call draggable()as follows:

$("#GKRedTeam").draggable();
$("#GKBlueTeam").draggable();

.. - HTML CSS.

JsFiddle

+4
+3

jquery-matchcenter

JQuery implementation of an interactive soccer field

0
source

All Articles