2012-01-20 2 views
0

Я запускаю сайт сценария php-скрипта, и есть его часть, где игрок может распределять свои «очки навыков» в «Атаке», «Защите» или «Выносливости».PHP autoupdate данные формы без pageload

На данный момент это всего лишь базовая форма HTML/PHP с + рядом с каждым статусом, поэтому, если у пользователя было 100 баллов и он хотел поместить их на ATTACK, ему пришлось бы щелкнуть (и pageload) 100 раз. Очевидно, это глупо.

Я хочу быть в состоянии сделать так, чтобы игрок мог их распространять (без перезагрузки страницы), а затем, наконец, нажмите «ОТПРАВИТЬ», как только он доволен им.

Может ли кто-нибудь указать мне в направлении того, что мне нужно для этого? Это какой-то ajax или javascript? Я полагаю, что мог бы делать поля формы, и нажатие PLUS увеличивало бы каждое поле.

+0

Да, вы можете просто сделать это с javascript. Вы в основном это получили. Вы используете событие onClick в javascript для увеличения переменной, а затем записываете переменную в скрытый элемент формы. Вы можете использовать Ajax, но если есть окончательная передача, вы сохраните работу DB, просто сделав это с данными javascript/form. – DaOgre

+0

Хорошо, я бесполезен в javascript, но я посмотрю, что я могу узнать. – user1022585

+0

Я был слишком изначально, (так было все), но проверить jQuery. Есть несколько хороших обучающих онлайн, и это делает этот материал ДЕЙСТВИТЕЛЬНО легким :) – DaOgre

ответ

0

Похоже, вам нужен onclick(), чтобы вызвать функцию javascript для кнопки «плюс», которая увеличивает значение в javascript, обновления на странице и проверяет правильность распределения точек (т. е. распределяет 100 пунктов или ниже в вашем примере), а затем имеет еще одну кнопку в нижней части распределения точек, которая отправляет данные на страницу PHP, которая обрабатывает хранение значений.

Если вы хотите, вы можете использовать ajax для отправки этих данных на страницу PHP без перезагрузки страницы. Я нашел сайт w3schools адекватного для обучения основного использования Ajax: http://www.w3schools.com/ajax/default.asp

(Но помните, чтобы проверить ввод данных пользователя на стороне сервера, а не доверять пользовательский вводу!)

Смежные вопросы