Which tag tells the browser where the page starts and stops?1. 2. 3. 4.
</span>
<span class="language_l2" style="display: none;"> Which tag tells the browser where the page starts and stops?1.<html> 2.<body> 3.<head> 4.<title>
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Option 112771" value="1" name="1277[]"
type="radio"/>
<label for="Option 112771">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 1</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 212772" value="2" name="1277[]"
type="radio"/>
<label for="Option 212772">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 2</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 312773" value="3" name="1277[]"
type="radio"/>
<label for="Option 312773">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 3</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 412774" value="4" name="1277[]"
type="radio"/>
<label for="Option 412774">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 4</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1270]"
id="1270"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1270]" id="time_spent_1270" value="0">
<div class="questions">
<span class="language_l1"> To add a plain color background to your web page,use which of the following?1.<body bgcolor="36,24,35"> 2.<body color="#FF000"> 3.<body bgcolor="#FF000">
</span>
<span class="language_l2" style="display: none;"> To add a plain color background to your web page,use which of the following?1.<body bgcolor="36,24,35"> 2.<body color="#FF000"> 3.<body bgcolor="#FF000">
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Option 112701" value="1" name="1270[]"
type="radio"/>
<label for="Option 112701">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 1</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 212702" value="2" name="1270[]"
type="radio"/>
<label for="Option 212702">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 2</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 312703" value="3" name="1270[]"
type="radio"/>
<label for="Option 312703">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 3</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="All of these12704" value="4" name="1270[]"
type="radio"/>
<label for="All of these12704">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">All of these</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1274]"
id="1274"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1274]" id="time_spent_1274" value="0">
<div class="questions">
<span class="language_l1"> What does the <br> tag add to your webpage?
</span>
<span class="language_l2" style="display: none;"> What does the <br> tag add to your webpage?
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Long-break12741" value="1" name="1274[]"
type="radio"/>
<label for="Long-break12741">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Long-break</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Paragraph break12742" value="2" name="1274[]"
type="radio"/>
<label for="Paragraph break12742">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Paragraph break</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Line break12743" value="3" name="1274[]"
type="radio"/>
<label for="Line break12743">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Line break</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="None of these12744" value="4" name="1274[]"
type="radio"/>
<label for="None of these12744">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">None of these</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1290]"
id="1290"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1290]" id="time_spent_1290" value="0">
<div class="questions">
<span class="language_l1"> The<HR> tag is used for
</span>
<span class="language_l2" style="display: none;"> The<HR> tag is used for
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Horizontal rule12901" value="1" name="1290[]"
type="radio"/>
<label for="Horizontal rule12901">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Horizontal rule</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="New line text12902" value="2" name="1290[]"
type="radio"/>
<label for="New line text12902">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">New line text</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="New paragraph12903" value="3" name="1290[]"
type="radio"/>
<label for="New paragraph12903">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">New paragraph</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Vertical Ruler12904" value="4" name="1290[]"
type="radio"/>
<label for="Vertical Ruler12904">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Vertical Ruler</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1272]"
id="1272"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1272]" id="time_spent_1272" value="0">
<div class="questions">
<span class="language_l1"> Choose the correct HTML tag to make a text italic.1.<i> 2.<italic> 3.<it> 4.<il>
</span>
<span class="language_l2" style="display: none;"> Choose the correct HTML tag to make a text italic.1.<i> 2.<italic> 3.<it> 4.<il>
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="HTML TAG12721" value="1" name="1272[]"
type="radio"/>
<label for="HTML TAG12721">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">HTML TAG</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="EM TAG12722" value="2" name="1272[]"
type="radio"/>
<label for="EM TAG12722">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">EM TAG</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="TITLE TAG12723" value="3" name="1272[]"
type="radio"/>
<label for="TITLE TAG12723">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">TITLE TAG</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="HEAD TAG12724" value="4" name="1272[]"
type="radio"/>
<label for="HEAD TAG12724">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">HEAD TAG</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1288]"
id="1288"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1288]" id="time_spent_1288" value="0">
<div class="questions">
<span class="language_l1"> Which of the following will NOT be found in the<head> section?1.<Table> 2.<Metatags> 3.<Title>
</span>
<span class="language_l2" style="display: none;"> Which of the following will NOT be found in the<head> section?1.<Table> 2.<Metatags> 3.<Title>
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Option112881" value="1" name="1288[]"
type="radio"/>
<label for="Option112881">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option1</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 212882" value="2" name="1288[]"
type="radio"/>
<label for="Option 212882">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 2</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Option 312883" value="3" name="1288[]"
type="radio"/>
<label for="Option 312883">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Option 3</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="None of these12884" value="4" name="1288[]"
type="radio"/>
<label for="None of these12884">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">None of these</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1280]"
id="1280"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1280]" id="time_spent_1280" value="0">
<div class="questions">
<span class="language_l1"> When is the content of the table shown?
</span>
<span class="language_l2" style="display: none;"> When is the content of the table shown?
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="Before the border loads12801" value="1" name="1280[]"
type="radio"/>
<label for="Before the border loads12801">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Before the border loads</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="After the table is loaded12802" value="2" name="1280[]"
type="radio"/>
<label for="After the table is loaded12802">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">After the table is loaded</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="In pieces aas it loads12803" value="3" name="1280[]"
type="radio"/>
<label for="In pieces aas it loads12803">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">In pieces aas it loads</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="None of these12804" value="4" name="1280[]"
type="radio"/>
<label for="None of these12804">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">None of these</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
<div
class="question_div subject_38"
name="question[1284]"
id="1284"
style="display:none;" value="0">
<input type="hidden" name="time_spent[1284]" id="time_spent_1284" value="0">
<div class="questions">
<span class="language_l1"> Which colors consist of equal amounts of all basic colors?
</span>
<span class="language_l2" style="display: none;"> Which colors consist of equal amounts of all basic colors?
</span>
<div class="row">
<div class="col-md-8 text-center">
</div>
<div class="col-md-4">
<span class="pull-right"> 1 Mark(s)</span>
</div>
</div>
<div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title="">
<i class="mdi mdi-help-circle">
</i>
</div>
</div>
<hr>
<div class="select-answer">
<ul class="row list-style-none">
<li class="col-md-6">
<input id="White,Blue and Gray12841" value="1" name="1284[]"
type="radio"/>
<label for="White,Blue and Gray12841">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">White,Blue and Gray</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="White,Black and Gray12842" value="2" name="1284[]"
type="radio"/>
<label for="White,Black and Gray12842">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">White,Black and Gray</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="Purple,Green and Blue12843" value="3" name="1284[]"
type="radio"/>
<label for="Purple,Green and Blue12843">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">Purple,Green and Blue</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
<li class="col-md-6">
<input id="None of these12844" value="4" name="1284[]"
type="radio"/>
<label for="None of these12844">
<span class="fa-stack radio-button">
<i class="mdi mdi-check active">
</i>
</span>
<span class="language_l1">None of these</span>
<span class="language_l2" style="display: none;"></span>
</label>
</li>
</ul>
</div>
</hr>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<button class="btn btn-lg btn-success button prev" type="button">
<i class="mdi mdi-chevron-left ">
</i>
Previous
</button>
<button class="btn btn-lg btn-dark button next" id="markbtn" type="button">
Mark For Review & Next
</button>
<button class="btn btn-lg btn-success button next" type="button">
Next
<i class="mdi mdi-chevron-right">
</i>
</button>
<button class="btn btn-lg btn-dark button clear-answer" type="button">
Clear Answer
</button>
<button class="btn btn-lg btn-danger button finish" type="submit">
Finish
</button>
</div>
</div>
</hr>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /#page-wrapper -->
</div>
<style>
.ft-hei{
height: 75px;
}
</style>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div >
<img src="https://examspiders.co.in/public/uploads/settings/P2D2849CBpLd3pY.png" alt="logo" class="img-responsive ft-hei">
</div>
<h4 class="cs-footer-title">Follow Us On</h4>
<ul class="cs-social-share">
<li><a href="https://www.facebook.com/" target="_blank" class="brand-facebook"><i class="fa brand-color fa-facebook"></i></a></li>
<li><a href="https://twitter.com/" target="_blank" class="brand-twitter"><i class="fa brand-color fa-twitter"></i></a></li>
<li><a href="https://plus.google.com/discover" target="_blank" class="brand-pinterest"><i class="fa brand-color fa-google-plus"></i></a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6">
<div class="row">
<div class="col-sm-6 col-xs-6">
<h4 class="cs-footer-title">Need Help?</h4>
<ul class="cs-footer-links">
<li><a href="https://examspiders.co.in/practice-exams">Practice Exams</a></li>
<li><a href="https://examspiders.co.in/LMS/all-categories">LMS</a></li>
<li><a href="https://examspiders.co.in/site/about-us">About Us</a></li>
<li><a href="https://examspiders.co.in/contact-us">Contact Us</a></li>
<li><a href="https://examspiders.co.in/site/terms-conditions">Terms And Conditions</a></li>
<li><a href="https://examspiders.co.in/site/privacy-policy">Privacy And Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<h4 class="cs-footer-title">Email Newsletter</h4>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email Address" id="email1" required>
</div>
<button class="btn btn-primary btn-shadow btn-block" onclick="showSubscription()" >Subscribe</button>
</div>
</div>
</div>
</footer>
<div class="cs-copyrights">
<div class="container">
© Copyright © 2012 - 2020 ExamSpiders . All Rights Reserved | Design and Developed By AICT PVT LTD.
</div>
</div>
<script src="https://examspiders.co.in/public/js/jquery.min.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.min.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/slider/slick.min.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.offcanvas.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/jRate.min.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/wow.min.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/site/js/main.js"></script>
<script src="https://examspiders.co.in/Themes/themeone/assets/js/notify.js"></script>
<script src="https://examspiders.co.in/public/js/sweetalert-dev.js"></script>
<script src="https://examspiders.co.in/public/js/mousetrap.js"></script>
<script src="https://examspiders.co.in/public/js/landing-js/all.js"></script>
<script>
var csrfToken = $('[name="csrf_token"]').attr('content');
setInterval(refreshToken, 600000); // 1 hour
function refreshToken(){
$.get('refresh-csrf').done(function(data){
csrfToken = data; // the new token
});
}
setInterval(refreshToken, 600000); // 1 hour
</script>
<link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.core.css" >
<link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.default.css" id="toggleCSS" >
<script src="https://examspiders.co.in/public/js/alertify.js"></script>
<script src="https://examspiders.co.in/public/js/bootstrap-toggle.min.js">
</script>
<script src="https://examspiders.co.in/public/js/jquery.flexslider.js"></script>
<script src="https://examspiders.co.in/public/js/angular.js"></script>
<script src="https://examspiders.co.in/public/js/angular-messages.js"></script>
<script src="https://examspiders.co.in/public/js/mousetrap.js"></script>
<script>
var app = angular.module('academia', []);
app.controller('angExamScript', function($scope, $http) {
$scope.initAngData = function(data) {
if(data=='')
{
return;
}
$scope.hints = 0;
$scope.saved_bookmarks = [];
$scope.intilizeBookmarks('questions');
$scope.bookmarks = [];
angular.forEach(data, function(value, index) {
$scope.bookmarks[value] = 0;
});
}
$scope.getToken = function(){
return $('[name="_token"]').val();
}
$scope.intilizeBookmarks = function(item_type)
{
route = 'https://examspiders.co.in/student/bookmarks/getSavedList';
data= {_method: 'post', '_token':$scope.getToken(), 'item_type':item_type };
$http.post(route, data).success(function(result) {
$scope.saved_bookmarks = result;
angular.forEach($scope.bookmarks, function(value, index) {
$scope.bookmarks[index] = $scope.isBookmarked(index);
});
});
}
$scope.isBookmarked = function(item_id) {
res = $scope.findIndexInData($scope.saved_bookmarks, 'item_id', item_id)
return res;
}
/**
* This method searches for the particular element in the sent array and returns
* -1 if not found
* 0>= if item is found
* @param {[type]} Array [description]
* @param {[type]} property [description]
* @param {[type]} action [description]
* @return {[type]} [description]
*/
$scope.findIndexInData =function (Array, property, action) {
var result = -1;
angular.forEach(Array, function(value, index) {
if(value[property]==action){
result=index;
}
});
return result;
}
/**
* This method bookmarks or unbookmarks the given item id
* If the operation is delete, it removes the bookmark
* if the operation is add, It adds the bookmark
* @param {[type]} item_id [description]
* @param {[type]} operation [description]
* @param {[type]} item_type [description]
* @return {[type]} [description]
*/
$scope.bookmark = function(item_id, operation, item_type)
{
bookmark_value=0;
route = 'https://examspiders.co.in/student/bookmarks/add';
data= {_method: 'post', '_token':$scope.getToken(), 'item_id': item_id, 'item_type':item_type };
if(operation=='delete') {
route = 'https://examspiders.co.in/student/bookmarks/delete/'+item_id;
bookmark_value = -1;
data= {_method: 'delete', '_token':$scope.getToken()};
}
$http.post(route, data).success(function(result, status) {
if(result.status==0){
alertify.error(result.message);
}
else {
if(operation=='delete') {
var index = $scope.saved_bookmarks.indexOf(item_id);
$scope.saved_bookmarks.splice(index, 1);
}
else {
var obj = {
id: $scope.saved_bookmarks.length,
item_id: item_id
};
$scope.saved_bookmarks.push(obj);
}
$scope.bookmarks[item_id] = bookmark_value;
alertify.success(result.message);
}
});
}
});
/**
* General Exam Scripts
* Variables used in the below script
*/
var EFFECT = 'bounceInDown';
var DURATION = 500;
var DIV_REFERENCE = $("#questions_list .question_div");
var MAXIMUM_QUESTIONS = $("#questions_list .question_div").size();
var VISIBLE_ELEMENT = "#questions_list .question_div:visible";
var HINTS = 0;
var ANSWERED = ' answered';
var NOT_ANSWERED = ' not-answered';
var ANSWER_MARKED = ' marked';
var NOT_VISITED = ' not-visited';
var TOTAL_ANSWERED = 0;
var TOTAL_MARKED = 0;
var TOTAL_NOT_VISITED = MAXIMUM_QUESTIONS;
var TOTAL_NOT_ANSWERED = MAXIMUM_QUESTIONS;
var HOURS = 0;
var MINUTES = 0;
var SECONDS = 0;
var SPENT_TIME = [];
DIV_REFERENCE.first().show();
updateCount();
// onlclick of next button
$('.next').on('click', function() {
nextClick($(this).attr('id'));
$('.next #markbtn').show();
});
// onlclick of prev button
$('.prev').on('click', function() {
prevClick($(this).attr('id'));
});
$('.clear-answer').on('click', function() {
clearAnswer();
});
function nextClick(argument) {
is_marked = 0;
if(argument == 'markbtn') {
is_marked = 1;
}
processNext(is_marked);
$(VISIBLE_ELEMENT).next('div').fadeIn(DURATION).prev().hide();
doGeneralOperations();
return false;
}
function prevClick(argument) {
is_marked = 0;
if(argument == 'markbtn') {
is_marked = 1;
}
processNext(is_marked);
$(VISIBLE_ELEMENT).prev('div').fadeIn(DURATION).next().hide();
doGeneralOperations();
return false;
}
function clearAnswer() {
list = $(VISIBLE_ELEMENT + ' input ');
$.each( list, function() {
elementType = $(this).attr('type');
switch(elementType) {
case 'radio': $(this).prop('checked', false); break;
case 'checkbox': $(this).attr('checked', false); break;
case 'text': $(this).val(''); break;
}
});
}
function bookmark(operation) {
item_id = $(VISIBLE_ELEMENT).attr('id');
item_type = 'questions';
angular.element('.examform').scope().bookmark(item_id, operation, item_type);
angular.element('.examform').scope().$apply();
}
/**
* The below method will determine the input elements and accordingly
* update the status of palete and count of palete based on the event generated
* @param {Boolean} is_marked [is true if user clicks for mark for review button]
* @return {[type]} [description]
*/
function processNext(is_marked) {
/**
* Get all the elements of type input
*/
list = $(VISIBLE_ELEMENT + ' input ');
/**
* Get all the elements of type text area
*/
textarea_list = $(VISIBLE_ELEMENT + ' textarea ');
// This is the global flag to determine wether the user is answered or skipped this question
answer_status = 0;
//Process input type of elements in foreach loop
if(list!=0) {
list.each(function(index, value){
element_type = $(value).attr('type');
switch(element_type)
{
case 'radio': if($(value).prop('checked')) answer_status = 1; break;
case 'checkbox': if($(value).prop('checked')) answer_status = 1; break;
case 'text': if($(value).val().length != 0) answer_status = 1; break;
}
});
}
//Process textarea type of elements in foreach loop
if(textarea_list.length)
{
textarea_list.each(function(index, value){
if($(value).val().length!=0)
answer_status = 1;
});
}
//Assign the appropriate clase based on the answer type
class_name = NOT_ANSWERED;
if(answer_status) {
if(is_marked)
class_name = ANSWER_MARKED;
else
class_name = ANSWERED;
}
//Update the palette with status
$(".question-palette .pallete-elements:eq("+getCurrentIndex()+")")
.removeClass(NOT_VISITED + NOT_ANSWERED + ANSWER_MARKED)
.addClass(class_name);
return false;
}
/**
* The below method keeps eye on the index of questions and hides/shows the next and previous buttons
* @return {[void]} [description]
*/
function checkButtonStatus() {
CURR_INDEX = getCurrentIndex()+1;
if(CURR_INDEX == MAXIMUM_QUESTIONS)
{
$('.next').fadeOut();
$('.prev').fadeIn();
$('.next #markbtn').show();
}
else if(CURR_INDEX == 1)
{
$('.prev').fadeOut();
$('.next').fadeIn();
}
else
{
$('.next').show();
$('.prev').show();
}
}
/**
* The below method contains all common operations to perform after an event has generated
* @return {[type]} [description]
*/
function doGeneralOperations() {
setQuestionNumber();
checkButtonStatus();
updateCount();
return false;
}
/**
* This method returns the current visible div index;
* @return {[type]} [description]
*/
function getCurrentIndex() {
return $(VISIBLE_ELEMENT).index();
}
/**
* This method is used to show the specific based on the provided index value
* @param {[type]} index [description]
* @return {[type]} [description]
*/
function showSpecificQuestion(index) {
$(VISIBLE_ELEMENT).hide();
$("#questions_list .question_div:eq("+index+")").fadeIn();
doGeneralOperations();
return false;
}
/**
* This method is used to update the overall summary of the palletes.
* @return {[type]} [description]
*/
function updateCount() {
TOTAL_NOT_ANSWERED = $(".not-answered").length - 1;
TOTAL_NOT_VISITED = $(".not-visited").length - 1;
TOTAL_MARKED = $(".marked").length - 1;
TOTAL_ANSWERED = $(".answered").length - 1;
$('#palette_total_answered').html(TOTAL_ANSWERED);
$('#palette_total_marked').html(TOTAL_MARKED);
$('#palette_total_not_visited').html(TOTAL_NOT_VISITED);
$('#palette_total_not_answered').html(TOTAL_NOT_ANSWERED);
}
function showSubjectQuestion(subject_id) {
question_number = $($("."+subject_id).first()).attr('id');
$(VISIBLE_ELEMENT).hide();
$("#"+question_number).fadeIn();
doGeneralOperations();
return false;
}
$('.finish').on('click', function() {
});
/**
* This method is used to track the question no to show it on serial no.
*/
function setQuestionNumber() {
$('#question_number').html(getCurrentQuestionNumber());
}
/**
* This method is used to fetch the current question no.
* @return {[type]} [description]
*/
function getCurrentQuestionNumber() {
return $(VISIBLE_ELEMENT).index()+1;
}
function intilizetimer(hrs, mins, sec)
{
HOURS = hrs;
MINUTES = mins;
SECONDS = sec;
$("#timerdiv").addClass('text-success');
startInterval();
}
function startInterval()
{
timer= setInterval("tictac()", 1000);
}
function stopInterval()
{
clearInterval(timer);
}
function tictac(){
SECONDS--;
visible_div_id = $(VISIBLE_ELEMENT).attr('id');
if(isNaN(SPENT_TIME[visible_div_id]))
SPENT_TIME[visible_div_id] = 0;
else
SPENT_TIME[visible_div_id] = SPENT_TIME[visible_div_id]+1;
$('#time_spent_'+visible_div_id).val(SPENT_TIME[visible_div_id]);
if(SECONDS<=0)
{
MINUTES--;
$("#mins").text(MINUTES);
if(MINUTES<1)
{
if(HOURS==0) {
$("#timerdiv").removeClass('text-success');
$("#timerdiv").addClass("text-red");
}
}
if(MINUTES<0)
{
if(HOURS!=0) {
MINUTES = 59;
HOURS = HOURS-1;
SECONDS = 59;
$("#mins").text(MINUTES);
$("#hours").text(HOURS);
return;
}
stopInterval();
$("#mins").text('0');
alert('You are exceeded the time to finish the exam.');
$('#onlineexamform').submit();
}
SECONDS=60;
}
if(MINUTES>=0)
$("#seconds").text(SECONDS);
else
$("#seconds").text('00');
}
Mousetrap.bind('left', function() {
prevClick();
});
Mousetrap.bind('right', function() {
nextClick();
});
Mousetrap.bind('escape', function() {
clearAnswer();
});
Mousetrap.bind(['shift+up'], function(e) {
bookmark('add');
});
Mousetrap.bind(['shift+down'], function(e) {
bookmark('delete');
});
</script>
<script src="https://examspiders.co.in/public/js/plugins/ckeditor-standard/ckeditor.js"></script>
<!--JS Control-->
<script type="text/javascript">
/**
* intilizetimer(hours, minutes, seconds)
* This method will set the values to defaults
*/
$(document).ready(function () {
intilizetimer(00,30,1);
// intilizetimer(5,20,0);
});
function languageChanged(language_value)
{
if(language_value=='language_l2')
{
$('.language_l1').hide();
$('.language_l2').show();
}
else {
$('.language_l2').hide();
$('.language_l1').show();
}
}
</script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
</body>
</html>