Пронумерованное голосование

Question

Я был бы очень благодарен, если бы кто -то мог мне помочь! Я искал в Интернете целую вечность в поисках способа достичь желаемой интерактивности пользователя, упомянутого ниже (возможно, есть аналогичный сценарий, о котором я не знаю?).

Эта проблема:

Поддержка изображения: http://img.photobucket.com/albums/v291/dark_jessa/btn_instructions.jpg

Существует список кандидатов, каждый с круг рядом с ними. Когда пользователь нажимает внутри круга, внутри появится номер. Этот процесс будет продолжаться для всех других кругов, с номерами, появляющимися в порядке возрастания.

Если пользователь изменяет их разум по номеру, который им дал круг, пользователь может нажать на номер, и он уйдет от круга.

Когда пользователь нажимает внутри другого круга, число внутри круга будет заменено числом, который удерживается курсором.

Пример: пользователь хочет, чтобы «Дэвид Морган» был их вторым выбором. Таким образом, пользователь щелкнет внутри круга рядом с «Дэвидом Морганом». Число «3», которое было ранее в круге, теперь удаляется с круга.

Пользователь теперь щелкает по кругу рядом с «Стивом Pratt», который имеет номер «2» внутри. Номер «3», который был прикреплен к пользовательскому курсору, теперь заменил номер 2 на клик. Пользователь теперь невидимо держит номер «3».

Следующая часть, которую я хотел бы, чтобы быть кнопкой отправки. Когда пользователь нажимает кнопку, их выбор круга будет отображаться на новой странице, поэтому он может подтвердить выбор.

Если они нажмут кнопку отправки, и все круги не были введены, они будут доставлены на страницу, информирующую их об этом.

Мне не нужны какие-либо данные, записанные постоянно, только выбор записан временным подтверждением.

Любые идеи? : 3.

Answer 1

Ранг должен быть не назначен, назначен кандидату или удерживается «мышью» для назначения. Кодируйте что -то, что ставит каждое ранг в одном из этих трех штатов.

Например, используйте две (неглобальные) переменные, (например,) nextRank и nowRank. Анкет Значение NexTrank означает все ранги> = Nextrank неназначаются.

Когда пользователь нажимает на пустой круг:

1. Если Nowrank является положительным целым числом, назначьте кандидату ранг Nowrank и установите Nowrank на 0
2. остальное назначить кандидата Nextrank и увеличить NexTrank

Когда пользователь нажимает на заполненный круг,

1. Если NOWRANK является положительным целым числом, поменяйте рейтинг кандидата и сейчас (если не нулевой)
2. остальное устанавливало сейчас в звание кандидата и очистить звание кандидата.

Поскольку это вопросы домашнего задания, вот еще один сценарий, который вы можете рассмотреть: щелкнуть кандидатом в рейтинг, который занимается ранжированием, но не назначит ранее незнашиваемого звания. Ранги назначены только тогда, когда у кандидата нет ранга. Как бы вы это реализовали?