ユーザーがさまざまなカテゴリに割り当てることができる特定のポイント数を持っているアンケートを作成したいと考えています。割り当ては、ユーザーによって異なります。ポイントの割り当ては、次の方法で実現する必要があります。
ポイントの数は、ボックスの配列として表示されます (フローティング div またはテーブル tds のいずれか。どちらが優れていますか?)。未使用ポイントはオレンジ色で表示され、使用済みポイントはライム/グリーンで表示されます。
ユーザーはオレンジ色のボックスをクリックして、次に割り当てたいポイント数を指定できます。左からクリックされたボックスまで (およびクリックされたボックスを含む) のすべてのオレンジ色のボックスが黄色で強調表示されます。強調表示されたボックスの数は、非表示のフォーム フィールドに格納されます。
ユーザーは、ポイントを割り当てたいカテゴリ/要素をクリックします。要素をクリックすると、要素の名前、(2) からの番号、およびその他のフォーム要素が、AJAX 経由でスクリプト処理データベース要素に送信されます。ハイライトの黄色のボックスが緑色に変わり、カウンターが更新されます。
例：
私はAJAXのものを処理できますが、選択/ハイライトの「メカニズム」を処理する方法がわかりません。私の基本的な考え方はpoints_spent、0 から始まり、ポイントが費やされるたびに増加する変数を持つことです (当然)。ボックスは、色を処理するさまざまな CSS クラス (box_spent、box_highlight、box_avaibale) を持つ div です。
1 つの JavaScript が points_spent の値をチェックし、idbox_1を持つ div のクラスを to に変更box_nしbox_spentます。
ボックスをクリックすると、2 つ目の JavaScript がトリガーされます。クリックが有効かどうか (つまり、オレンジ色または黄色のボックス) をチェックし、それに応じてボックスを点灯させます...
しかし、JSでこれを行うにはどうすればよいですか? PHPでこれを行うのに問題はありませんが、ユーザーがクリックするたびに待つのは恐ろしいことです:/
どんな助けでも大歓迎です！