mark/php-test
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Page to next question, increment progress bar

Browse source
This commit is contained in:
Mark Wane 2019-10-05 20:22:44 +01:00
parent 22d9a331ee
commit 9b401b6033
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ajax.php
View file

@ -12,7 +12,7 @@ $questID_arr = Question::getList( $quiz->getID() );
$index_int = array_search( $quest->getID(), $questID_arr );
$index_int++;
$nextQuest = new Question( $index_int );
$nextQuest = new Question( $questID_arr[ $index_int ] );
$ans_arr = $nextQuest->getAnswers();
$data_arr = array(

17
quiz.js
View file

@ -16,7 +16,22 @@ $( document ).ready( function() {
quest : id.quest[ questNum - 1],
ans : ans,
} ).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
View file

@ -64,7 +64,7 @@ $progress_num = 1 / count( $questID_arr ) * 100;
<div class="row">
<div class="col">
<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>