Creating a dynamic soccer field

Question

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?

Answer 1

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

Answer 2

http://kineticjs.com/, png ( ), , PHP , javascript - ( ), , / .

- localStorage, .

. http://www.html5canvastutorials.com/labs/html5-canvas-shape-tango-with-kineticjs/ ( )

Answer 3

jquery-matchcenter

JQuery implementation of an interactive soccer field