Hello the code below will fetch all unaswered questions from the db. But when there is only one question, when next is done, it doest submit, and gives a blank page.If more than 1 questions it works fine. Please help. Thank you
<?php
session_start();
//uri get from index
$qu=$_GET['qu'];
$userid=$_SESSION['userid'];
if(!isset($_SESSION['username']))
{
header('location:../index.php');
}
include('../includes/config.php');
$course_id=$_SESSION['courseid']
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel='stylesheet' type="text/css"/>
<script src="../js/jquery.js"></script>
<!--<script src="js/watch.js"></script>-->
<script>
$(document).ready(function(){
var steps = $('form').find(".questions");
var count = steps.size();
steps.each(function(i){
hider=i+2;
if (i == 0) {
//$("#question_" + hider).hide();
createNextButton(i);
}
else if(count==i+1){
var step=i + 1;
//$("#next"+step).attr('type','submit');
$("#next"+step).on('click',function(){
//question_id=$('h2').attr('id');
submit();
});
}
else{
//$("#question_" + hider).hide();
createNextButton(i);
}
});
function submit(){
//alert(question_id);
answer=$('input[type="radio"]:checked').val();
$.ajax({
type: "POST",
url: "ajax2.php",
//data:{question_id:question_id,answer:answer},
data: $('form').serialize(),
success: function(msg) {
//alert (question_id)
$("#quiz_form,#demo1").addClass("hide");
$('#result').show();
$('#result').append(msg);
}
});
}
function createNextButton(i){
var step = i + 1;
var step1 = i + 2;
$('#next'+step).on('click',function(){
alert(step+' '+step1);
$("#question_" + step).hide();
$("#question_" + step1).show();
});
}
});
</script>
</head>
<body>
<?php
function check_img($var)
{
if($var==1)
{
echo '<img src="">';
}
}
$query=mysql_query("SELECT course_name FROM course WHERE course_id='$course_id'");
$row=mysql_fetch_array($query);
?>
<h1>Exam - <?php echo $row['course_name']; ?></h1>
<?php $response=mysql_query("SELECT DISTINCT exam.*,questions.*,users.* FROM exam,questions,users WHERE exam.question_id=questions.question_id AND exam.exam_answer='U' AND exam.user_id=users.user_id AND exam.user_id=$userid");
$no_question=mysql_num_rows($response);
$start=1;
?>
<form method='post' id='quiz_form'>
<?php while($result=mysql_fetch_array($response)){ ?>
<div id="question_<?php echo $start;?>" class='questions'>
<h2 id="<?php echo $result['question_id'];?>"><?php echo $result['question'];?></h2>
<div class='align'>
<input type="hidden" name="question_<?php echo $start;?>" id="question" value="<?php echo $result['question_id'];?>" />
<input type="radio" value="A" id='radio1_<?php echo $start;?>' name='<?php echo $start;?>'>
<label id='ans1_<?php echo $start;?>' for='1'><?php
if($result['img']==1)
{
echo'<span id="ans">A</span><img src="'.$result['A'].'" width="100" height="100" >';
}
else
{
echo '<span id="ans">A</span> '.$result['A'];
}
?></label>
<br />
<input type="radio" value="B" id='radio2_<?php echo $start;?>' name='<?php echo $start;?>'>
<label id='ans2_<?php echo $start;?>' for='1'><?php
if($result['img']==1)
{
echo'<span id="ans">B</span> <img src="'.$result['B'].'" width="100" height="100" >';
}
else
{
echo '<span id="ans">B</span> '.$result['B'];
}
?>
</label>
<br />
<input type="radio" value="C" id='radio3_<?php echo $start;?>' name='<?php echo $start;?>'>
<label id='ans3_<?php echo $start;?>' for='1'><?php if($result['img']==1)
{
echo'<span id="ans">C</span><img src="'.$result['C'].'" width="100" height="100" >';
}
else
{
echo '<span id="ans">C</span> '.$result['C'];
}?></label>
<br />
<input type="radio" value="D" id='radio4_<?php echo $start;?>' name='<?php echo $start;?>'>
<label id='ans4_<?php echo $start;?>' for='1'><?php if($result['img']==1)
{
echo'<span id="ans">D</span> <img src="'.$result['D'].'" width="100" height="100" >';
}
else
{
echo '<span id="ans">D</span> '.$result['D'];
}?></label>
<br />
<input type="radio" value="E" id='radio5_<?php echo $start;?>' name='<?php echo $start;?>'>
<label id='ans5_<?php echo $start;?>' for='1'><?php if($result['img']==1)
{
echo'<span id="ans">E</span> <img src="'.$result['E'].'" width="100" height="100" >';
}
else
{
echo '<span id="ans">E</span> '.$result['E'];
}?></label>
<br />
<input type="radio" checked='checked' value="5" style='display:none' id='radio4_<?php echo $start;?>' name='<?php echo $start;?>'>
</div>
<br/>
<input type="button" id='next<?php echo $start;?>' value='Next!' name='question' class='butt'/>
</div>
<?php
$start ++;
}?>
</form>
<div id='result'>
<img src='results.jpg' alt='Results'/>
<br/>
</div>
</body>
</html>