Page to next question, increment progress bar
This commit is contained in:
parent
22d9a331ee
commit
9b401b6033
2
ajax.php
2
ajax.php
|
@ -12,7 +12,7 @@ $questID_arr = Question::getList( $quiz->getID() );
|
||||||
$index_int = array_search( $quest->getID(), $questID_arr );
|
$index_int = array_search( $quest->getID(), $questID_arr );
|
||||||
|
|
||||||
$index_int++;
|
$index_int++;
|
||||||
$nextQuest = new Question( $index_int );
|
$nextQuest = new Question( $questID_arr[ $index_int ] );
|
||||||
$ans_arr = $nextQuest->getAnswers();
|
$ans_arr = $nextQuest->getAnswers();
|
||||||
|
|
||||||
$data_arr = array(
|
$data_arr = array(
|
||||||
|
|
17
quiz.js
17
quiz.js
|
@ -16,7 +16,22 @@ $( document ).ready( function() {
|
||||||
quest : id.quest[ questNum - 1],
|
quest : id.quest[ questNum - 1],
|
||||||
ans : ans,
|
ans : ans,
|
||||||
} ).done( function( data ){
|
} ).done( function( data ){
|
||||||
console.log( data );
|
questNum++;
|
||||||
|
$( "#question-text" ).text( data.text );
|
||||||
|
$( "#answers" ).empty();
|
||||||
|
|
||||||
|
$.each( data.ans, function( index, value ){
|
||||||
|
$( "#answers" ).append( '\
|
||||||
|
<div class="col-md-6">\
|
||||||
|
<label class="w-100">\
|
||||||
|
<input type="checkbox" name="answer" value="' + value.id + '" />\
|
||||||
|
' + value.text + '\
|
||||||
|
</label>\
|
||||||
|
</div>' );
|
||||||
|
} );
|
||||||
|
|
||||||
|
let progress = questNum / id.quest.length * 100;
|
||||||
|
$( "#progress" ).text( questNum + ' / ' + id.quest.length ).prop( "style", "width: " + progress + "%" );
|
||||||
} );
|
} );
|
||||||
} );
|
} );
|
||||||
} );
|
} );
|
||||||
|
|
2
quiz.php
2
quiz.php
|
@ -64,7 +64,7 @@ $progress_num = 1 / count( $questID_arr ) * 100;
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progress-bar" role="progressbar" style="width: <?php echo $progress_num; ?>%">1 / <?php echo count( $questID_arr ); ?></div>
|
<div id="progress" class="progress-bar" role="progressbar" style="width: <?php echo $progress_num; ?>%">1 / <?php echo count( $questID_arr ); ?></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue