PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap

PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap

In this post we will show you PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap, hear for PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap we will give you demo and example for implement.

PHP quiz application focused on develop flexibility of every visitors to learn new things like HTML, CSS, JavaScript and much more. In that application compatible for beginners and expertise programmers.

Read More Demo Download

php Quiz Application Code Star Quiz

<?php require_once 'templates/header.php';?>
<?php
try {
$user = new Cl_User();
$categories = $user->getCategory();
if(empty($categories)){
$_SESSION['error'] = NO_CATEGORY;
header('Location: home.php');exit;
}
} catch (Exception $e) {
$_SESSION['error'] = $e->getMessage();
header('Location: home.php');exit;
}

?>
<div class="content">
<div class="container">
<h2>Quiz Application Using jQuery Ajax MySQL and Bootstrap</h2>
<div class="row">

<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5 start-page">
<h1 class="text_underline">Choose Your Category: </h1>
<form class="form-signin well" method="post" id='signin' name="signin" action="questions.php">
<div class="form-group">
<select class="form-control" name="category" id="category">
<option value="">Choose your category</option>
<?php  foreach ($categories as $key=>$category){ ?>
<option value="<?php echo $key; ?>"><?php echo $category; ?></option>
<?php } ?>
</select>
<span class="help-block"></span>
</div>

<div class="form-group">
<select class="form-control" name="num_questions" id="num_questions">
<option value="">Choose number of questions to be showed on each page</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<span class="help-block"></span>
</div>

<br>
<button id="start_btn" class="btn btn-success btn-block" type="submit">Start!!!</button>
</form>
</div>

</div>
</div>
</div> <!-- /container -->

<script src="js/start.js"></script>
<?php require_once 'templates/footer.php';?>

PHP Quiz Application Code Star Quiz Result

<?php require_once 'templates/header.php';?>
<?php
if( !empty( $_POST )){
try {
$user = new Cl_User();
$result = $user->getAnswers( $_POST );
} catch (Exception $e) {
$_SESSION['error'] = $e->getMessage();
}
}else{
header('Location: home.php');exit;
}
?>
<div class="content">
<div class="container">
<div class="row">
<h2>Quiz Application Using jQuery PHP Ajax MySQL and Bootstrap</h2>
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
<h1 class="text-center text_underline">Your Quiz Results:</h1>
<br />
<form class="form-horizontal">
<div class="form-group mg-b50">
<p class="col-sm-7 control-label">Right Answers:</p>
<div class="col-sm-5">
<span class="well ans"> <?php echo isset($result['right_answer'])? $result['right_answer']:''; ?>
</span>
</div>
</div>
<div class="form-group mg-b50">
<p class="col-sm-7 control-label">Wrong Answers:</p>
<div class="col-sm-5">
<span class="well ans"> <?php echo isset($result['wrong_answer'])? $result['wrong_answer']:''; ?>
</span>
</div>
</div>
<div class="form-group mg-b50">
<p class="col-sm-7 control-label">Unanswered Questions:</p>
<div class="col-sm-5">
<span class="well ans"> <?php echo isset($result['unanswered'])? $result['unanswered']:''; ?>
</span>
</div>
</div>
</form>
<div class="row btn-c well">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<a href="start-quiz.php" class="btn btn-success btn-home">Start New Quiz</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<a href="quiz-results.php" class="btn btn-info btn-home">Your Quiz Results</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /container -->
<?php require_once 'templates/footer.php';?>

Hope this code and post will helped you for implement PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve onlincode. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs onlincode.org

Leave a Comment

Your email address will not be published. Required fields are marked *

5  +  1  =  

We accept paid advance and paid guest Posting on our Site : Contact US