[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Тест на php
Хомяк
Есть код некоего теста на php, в котором из пяти вопросов выводятся три рандомных. Как сделать так, чтобы варианты ответа были кликабельны (пользователь мог выбрать правильный по его мнению ответ), а сами вопросы выводились не сразу по три, а по одному (отвечаешь, появляется следующий)

<?php
$arStrings = array(
array('question' => 'Вопрос 1', 'answers' => array('Ответ 1', 'Ответ 2', 'Ответ 3'), 'right' => 0),
array('question' => 'Вопрос 2', 'answers' => array('Ответ 1', 'Ответ 2', 'Ответ 3'), 'right' => 2),
array('question' => 'Вопрос 3', 'answers' => array('Ответ 1', 'Ответ 2', 'Ответ 3'), 'right' => 1),
array('question' => 'Вопрос 4', 'answers' => array('Ответ 1', 'Ответ 2', 'Ответ 3'), 'right' => 2),
array('question' => 'Вопрос 5', 'answers' => array('Ответ 1', 'Ответ 2', 'Ответ 3'), 'right' => 0),
);

$arUsed = array();

for($i = 0; $i < 3; $i++) {
do
{
$id = rand(0, count($arStrings)-1);
} while(in_array($id, $arUsed));
$arUsed[] = $id;

?>
<h2>Очередной вопрос: <?php echo $arStrings[$id]['question']; ?></h2>
<
p>Варианты ответов:</p>
<
ul>
<?php for($j = 0; $j < count($arStrings[$id]['answers']); $j++) { ?>
<li <?php if($arStrings[$id]['right'] == $j) echo 'class="right"'; ?>><?php echo $arStrings[$id]['answers'][$j]; ?></li>
<?php } ?>
</ul>
<?php
}
?>






Также, когда делала через простой тест, была такая фишка, что правильный ответ подсвечивался зеленым, а неправильный - красным. Но как это теперь прикрутить к php я не понимаю...


<html>
<head>


<script
type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.js"></script>

<link
rel="stylesheet" type="text/css" href="/css/result-light.css">


<style
type="text/css">
.checked-wrong {
background-color: #E12F52;
}
.checked-right {
background-color: #4CE12F;
}
</style>

<title></title>

<script
type="text/javascript">
window.onload=function(){

$(".questionsubmit").click(function(e){ e.preventDefault(); $('.correct').parent('p').addClass('checked-right'); $('.wrong:checked').parent('p').addClass('checked-wrong'); });

}



</script>


</head>

<body>
<form
action="">
<div
class="question">
<p>
Сколько сантиметров в метре?</p>
<p><input
type="checkbox" class="correct" value="100"> 100</p>
<p><input
type="checkbox" class="wrong" value="1680"> 1680</p>
<p><input
type="checkbox" class="wrong" value="10"> 10</p>
</div>
<div
class="question">
<p>
Сколько ног у улитки?</p>
<p><input
type="checkbox" class="wrong" value="Две"> Две</p>
<p><input
type="checkbox" class="correct" value="Одна"> Одна</p>
<p><input
type="checkbox" class="wrong" value="Три"> Три</p>
</div>
<p><input
type="submit" class="questionsubmit" value="Проверить"></p>
</form>



</body>

</html>

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.