voting - 番号付き投票

Question

誰かが私を助けてくれたらとても感謝しています！私は何年にもわたってインターネットを検索しており、以下で説明する目的のユーザー対話性を実現する方法を探しています (おそらく、私が知らない同様のスクリプトが既に利用可能ですか?)。

問題：

候補のリストがあり、それぞれの横に丸が付いています。ユーザーが円の内側をクリックすると、内側に数字が表示されます。このプロセスは、数字が昇順で表示される他のすべての円についても続行されます。

ユーザーがサークルに付けた番号について気が変わった場合、ユーザーはその番号をクリックすると、サークルから消えます。

ユーザーが別の円の内側をクリックすると、円の内側の数字がカーソルが保持していた数字に置き換えられます。

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

ユーザーは、「Steve PRATT」の横にある円をクリックします。この円には、数字「2」が含まれています。ユーザーカーソルに付いていた数字「3」は、クリックすると数字 2 に置き換わりました。ユーザーは現在、数字の「3」を目に見えないように保持しています。

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

送信ボタンを押したときに、すべてのサークルが入力されていない場合、そのことを知らせるページが表示されます。

永続的に記録されたデータは必要ありません。確認時に一時的に記録された選択肢だけです。

何か案は？:3

score 1 · Accepted Answer

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

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

ユーザーが空の円をクリックすると、次のようになります。

ユーザーが塗りつぶされた円をクリックすると、

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

1 に答える 1