番号付き投票

Question

誰かが私を助けてくれたらとても感謝しています！私は年齢のためのインターネットを検索しています。今、下記の希望のユーザーインタラクティブ性を実現する方法を探しています（既に知られている似たようなスクリプトがありますか？）。

問題：

サポート画像：http://img.photobucket.com/albums/v291/Dark_Jessa/btn_instructions.jpg

候補のリストがあり、横に円とそれぞれ。ユーザーがサークル内をクリックすると、数字が内部に表示されます。このプロセスは他のすべてのサークルで続けられ、数字は昇順に表示されます。

ユーザーがサークルを付けた番号に気を付けて変更すると、ユーザーはその番号をクリックしてサークルから離れます。

ユーザーが別の円の内部をクリックすると、円の中の数字がカーソルによって保持されていた番号に置き換えられます。

例： ユーザーは、「David MORGAN」を第2の選択肢にしたいと考えています。ユーザーは「David MORGAN」の横にある円の内側をクリックします。以前はサークル内にあった数字「3」がサークルから削除されました。

ユーザーは「Steve PRATT」の横にある数字「2」の円をクリックします。ユーザカーソルに付けられた数字「3」は、クリックすると数字2に置き換えられました。ユーザーは目に見えないほど「3」の数字を保持しています。

私が望む次の部分は、送信ボタンがあることです。ユーザがボタンを押すと、そのサークルの選択肢が新しいページに表示され、選択を確認することができます。

送信ボタンを押しても、すべてのサークルが入力されていない場合は、通知されたページに移動します。

私は恒久的に記録されたデータは必要ありません。選択肢は確認書に一時的に記録されます。

アイデア？ ：3

Answer 1

ランクは割り当てを解除する、候補者に割り当てる、または割り当てのために「マウスで」保持する必要があります。これらの3つの状態のいずれかに各ランクを入れるコードを作成します。

例えば、nextRankとnowRankという2つの（グローバル以外の）変数を使用します。 nextRankの値は、すべてのランク> = nextRankが割り当てられていないことを意味します。

ユーザが空の円をクリック：

1. nowRankは正の整数である場合、候補をランクnowRankを割り当て、0他
2. 候補nextRankを割り当て、nextRank
をインクリメントするnowRank設定nowRankである場合、ユーザは、黒丸で
1. をクリック

正の整数、候補のランクとnowRankを交換する（ゼロでない場合）

3. 他の場合は、候補のランクにランクを設定し、候補のランクをクリアします。

これは宿題の質問ですので、別のシナリオを考えてみましょう。ランク付けされた候補をクリックするとそのランクの割り当てが解除されますが、割り当てられていないランクは割り当てられません。ランクは、候補者がランクを持たない場合にのみ割り当てられます。これをどのように実装しますか？