1

ユーザーがフットボールの試合 (またはアメリカ人の場合はサッカー) のスターティング 11 を選択して送信し、その中で最も人気のあるチームの選択の画像を表示できる投票/フォームを作成しようとしています。ファン（最も人気のあるチームをすべて一緒に選択するのではなく、各ポジションで最も人気があるかもしれません）.

理想的には、フォームのレイアウト/入力を変更するフォーメーション (4-4-2、4-3-3、4-5-1 など) のオプションをフォームに持たせたいと思います (ただし、これは必須ではありません。いい感じにします-それ以外の場合は4-4-2に固執します）。

私の夢のアイデアは、下部にダッシュボードがあり、プレーヤーのプロフィール写真をドラッグ アンド ドロップして配置できるようにすることです。ただし、単純なドロップダウン ボックスを使用することもできます (プレーヤーを 2 回使用できない限り - 同じプレーヤーが両方の CB ポジションにいることを望まないため、これは別の障害になります)。

デザイン コンセプト(結果ページは、下部のダッシュボードがなくても基本的に同じです): クイックデザインコンセプト

過去に試みたものよりもはるかに複雑であるため、これにアプローチする方法がまったくわかりません。(言い忘れましたが、できれば毎週結果をリセットできるようにしたいです)

したがって、誰かがそれが可能かどうかを教えてくれ、可能であれば、それを行う方法を段階的に説明するか、私のためにモックを作成することさえできれば、それは大歓迎です.

ありがとう。

4

2 に答える 2

1

フォームである必要はありません。

ここであなたはそれを行う方法：

  1. フィールド上の正方形の div を作成します。id="square-1" のように、それぞれに一意の ID を割り当てます。

    そしてそれらに共通のクラスを与えます。class="field-square"

  2. フィールド外の正方形の div を作成します。それらに共通のクラスと、それぞれに固有の ID を与えます。

  3. 正方形をドロップするときは、ドロップ時に ID を抽出する関数を用意します。次に、それらをPHPサイトに投稿するだけですjQuery.post()

アップデート

ID を抽出するには、コールバックで (正方形をドロップした後)、次のようにし ます。

番号 ID を割り当てていないため (後でデータベースからプレーヤーを取得して簡単に変更できるようにする必要があります)、$(this).attr('id')コールバックで ID を使用して簡単に取得できます。

http://api.jquery.com/jQuery.post/も参照してください。

于 2013-07-18T12:27:32.907 に答える
0

この時点で、ドラッグ アンド ドロップについては考えもしませんでした。実用最小限の製品とは何かを概説し、それを行うための一連の手順を考え出します。

あなたが提供したデータから外れて、私はこのようなことを提案します...

1) すべてのポジションのリストと、そのポジションを埋めることができるすべての可能なプレーヤーのドロップダウンをリストする html フォームを作成します。

2) フォームに入力 (プレイヤーを選択) し、フォームの送信時に配列としてエコーされたデータを取得します。

3）グラフィックを作成します... 2つのアプローチがあります....（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 に答える