Как отправить правильный ответ на сервер?

Question

[kamisarlapsha]

Всем привет! У меня есть тест, вот сам код:

<div class="answers">
	<a id="1" class="answer wrong" href="#1">Ферменты</a>
	<a id="2" class="answer correct" href="#1">Витамины</a>
	<a id="3" class="answer wrong" href="#1">Микроэлементы</a>
	<a id="4" class="answer wrong" href="#1">Гормоны</a>
	</div>

При нажатии на правильный ответ появляется таблчка с возможностью перейти дальше, как сделать, чтобы при нажатии на правильный ответ, на сервер отправлялся этот результат (Может быть можно через $_POST ?), а уже во втором вопросе(последнем), уже при правильном ответе, просто вывелось количество правильных ответов или баллов ?
Вот сам тест: w92821ho.bget.ru

Answer 1

[Виталий]

Вариантов отправки на сервер - масса.
К примеру, можете использовать функцию post из библиотеки jQuery

Comments

[kamisarlapsha]

А как мне отправить этот ответ через post ?
Я хотел сделать такой алгоритм.

$ot = 0;
      ($_POST[.answer] == b){$ot++;}

ot - количество верных ответов
если value=b, считаем правильный ответ.
Только как это все сделать рабочим ? И тем более у меня же каждый вопрос на своей странице.

[kamisarlapsha]

И у меня же не поля input, как провернуть это с ссылками ?

[Виталий]

kamisarlapsha: Охохох ... давайте тогда с самого начала: в чём цель отправки промежуточных вариантов ответа на сервер, да ещё и хитрым POST'ом?
И самое главное - зачем пользователю давать подсказку с правильным ответом прямо в коде HTML'ки? :)

По реализации - можно, к примеру, использовать форму + jQuery (естественно, библиотеку нужно сначала подгрузить):

<form method="get" action="/poll.php" id="myForm">
<input type="hidden" name="uid" value="_тут_уникальный_ID_пользователя/сессии"/>
<input type="hidden" name="qNum" value="номер вопроса по порядку"/>
<input type="hidden" answer="сюда кладём текущий ответ пользователя" id="answerID"/>
</form>
<script type="text/javascript">
function doSubmit(val) {
 $("#answerID").val(val);
 $(#myForm").submit(); 
}

эта форма будет использоваться для навигации, метод GET - как самый простой способ дать пользователю нажать на кнопку "back" и вернуться к предыдущему вопросу.

Далее в коде формы вы пропишете:

<a onclick="doSubmit(1)">Ответ #1</a>
<a onclick="doSubmit(2)">Ответ #2</a>

Если хотите сразу пользователю сообщать верный ответ - ok, в вызове doSubmit можно добавить вывод окна перед вызовом $(#myForm").submit();
Но в этом случае особо хитрые пользователи смогут подсмотреть правильный ответ в HTML'ке.
Если не хотите давать им такой возможности - правильность ответа должен определять сервер.

При каждом вызове странички ваш web сервер будет отдавать страничку со следующим вопросом, сможет сохранять ответ пользователя и т.д. и т.п.

Если же хотите сделать эту страничку локальной (без WEB сервера) и доверяете пользователям (к примеру, если пользователь смог разобраться в коде страницы, то это автоматически даёт ему высший бал), то можно все вопросы/ответы сохранить прямо в страничке, в виде массивов JavaScript'а.

[kamisarlapsha]

Ого, спасибо. Я увы плох в php и запутался окончательно. Поля input будут самостоятельно заполняться и что должно быть в файле poll.php ? А также смогу ли я своим алгоритмом проверить этот ответ ?

<input type="hidden" answer="сюда кладём текущий ответ пользователя" id="answerID"/>

И будут ли сохраняться результаты ответов, ведь вопросы на разных страницах ?

[kamisarlapsha]

А может быть. можно так ?

<form class="answers" method="post" action="path/to/action">
  <input type="hidden" name="score">
  <a id="1" class="answer wrong" href="#1">Ферменты</a>
  <a id="2" class="answer correct" href="#1">Витамины</a>
  <a id="3" class="answer wrong" href="#1">Микроэлементы</a>
  <a id="4" class="answer wrong" href="#1">Гормоны</a>
</form>

при клике на правильный вариант ответа через js в input.value записываю нужное кол-во баллов в зависимости от условий. при клике на кнопку "далее" в модальном окне - отправляю форму, и дальше на сервере через $_POST["score"] работаю с этим значением

$('.correct').click(function(){
  if ('юзер убрал два ответа') {
    $('input').val(1)
  } else {
    $('input').val(2)
  }
  $('.correct-modal').toggleClass('open');
  return false;
})

$('.go').click(function(){
  $('form').submit();
  return false;
})

Только при повторном отправлении формы, результаты более ранних ответов сохранятся ?

[kamisarlapsha]

Получилось всё сделать, но после каждого ответа на вопрос, форма отправляется и нас перекидывает на страницу result.php которая указана в форме :

<form id="proverka" method="post" action="result.php">

Можно ли это исправить ?