1

我正在寻找一个民意调查/表格，允许用户选择足球比赛的首发 11 人（如果你是美国人，则选择足球），然后提交它，然后查看其中最受欢迎的球队选择的图像球迷（可能是每个位置最受欢迎的，而不是最受欢迎的球队选择）。

理想情况下，我希望表单具有可以更改表单布局/输入的形成选项（4-4-2、4-3-3、4-5-1 等）（但这绝对不是必需的，将只是一个很好的接触 - 否则我会坚持使用 4-4-2）。

我的梦想是在底部有一个仪表板，上面有玩家资料图片，可以拖放到他们的位置；然而，使用简单的下拉框也可以（只要一个玩家不能被使用两次——这是另一个绊脚石，因为您不希望同一个玩家同时处于两个 CB 位置。）

设计理念（结果页面基本相同，只是没有底部仪表板）： 快速设计理念

我完全不知道如何解决这个问题，因为它比我过去尝试过的任何事情都要复杂得多。（忘了提一下，如果可能的话，我希望能够每周左右重置结果）

因此，如果有人可以让我知道它是否可行，如果可行，请带我逐步完成它，甚至为我模拟一个，我将不胜感激。

谢谢。

4

2 回答 2

1

It doesn't have to be a form.

Here how you do it:

  1. Create the divs for the squares on the field. Assign each of them a unique id e.g. id="square-1"

    and give them a common class e.g class="field-square"

  2. Create the divs for the squares outside the field. Give them a common class, and a unique id for each.

  3. When you drop the squares, have a function that extracts the ids when they are dropped. Then simply post them to your PHP site with jQuery.post()

Update

To extract the ids, in your callback (after you have dropped the square) do something like this: square_id = square_id.replace('square-', '');

Since you've not assigned number ids (which you should, so that you can easily change the players in future by getting them from a database), you can simply get the ids using $(this).attr('id') in your callback.

Also look up http://api.jquery.com/jQuery.post/

于 2013-07-18T12:27:32.907 回答
0

在这一点上，我什至不会考虑拖放。概述最小可行产品是什么，并提出一组步骤来做到这一点。

关闭你提供的数据，我会建议这样的事情......

1) 构建一个 html 表单，简单地列出所有位置的列表以及可以填补该位置的所有可能玩家的下拉列表。

2) 填写表格（选择球员）并在提交表格时获取作为数组回显的数据。

3）创建图形......我看到两种方法......（1）服务器端（GD或Imagick可能是你想要使用的）或（2）CSS / html图像

任何一个都是很好的方法......这一步可能应该分成几个小步骤......从简单地显示列表和旁边的播放器图像开始......

HTML 将是

echo "<img src='/images/players".$_POST["position1"]."' alt=''/>"; 
//(NOTE YOU HAVE TO CLEAN ANY DATA YOU ARE OUTPUTTING PROPERLY)

Imagick会像..

$bg = new Imagick("/images/bg.jpg");
$position = new Imagick("/images/players".$_POST["position1"]);

//Second image is put on top of the first
$bg->compositeImage($position, $position->getImageCompose(), 5, 5);

//new image is saved as final.jpg
$bg->writeImage('final.jpg');
于 2013-07-18T12:29:56.320 回答