please guys i searched around alot i couldnt find anything helpful i need a code to display online players in aspx page i will be very thankful :)
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.asp" class="site_title"><i class="fa fa-paw"></i> <span><%
set rs2 = Server.Createobject("ADODB.Recordset")
sql="Select * from _Settings"
rs2.open sql,Sur3,1,3
if not rs2.eof then
do while not rs2.eof%>
<%=rs2("Title")%>
<%rs2.movenext
loop
end if
rs2.close
set rs2=nothing%></span></a>
</div>
<div class="clearfix"></div>
<!--#include file="menu.asp"-->
</div>
</div>
<!--#include file="navigation.asp"-->
<!-- page content -->
<div class="right_col" role="main">
<!--#include file="top.asp"-->
<%
set rs7 = Server.Createobject("ADODB.Recordset")
sql="Select * from _Settings"
rs7.open sql,Sur3,1,3
if not rs7.eof then
do while not rs7.eof%>
<script>
window.onload = function () {
var chart = new CanvasJS.Chart("epic", {
animationEnabled: true,
theme: "light2",
title:{
text: ""
},
axisY:{
includeZero: false
},
data: [{
type: "line",
dataPoints: [
<%
set rs2 = Server.Createobject("ADODB.Recordset")
sql="select * from (select top 10 * from _ShardCurrentUser order by dLogDate desc) A order by dLogDate asc"
rs2.open sql,Sur,1,3
if not rs2.eof then
do while not rs2.eof%>
{ y: <%=rs2("nUserCount")%>, indexLabel: "<%=rs2("nUserCount")%> User Online",markerColor: "DarkSlateGrey", markerType: "triangle"},
<%rs2.movenext
loop
end if
rs2.close
set rs2=nothing%>
]
}]
});
chart.render();
}
</script>
<%rs7.movenext
loop
end if
rs7.close
set rs7=nothing%>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel tile fixed_height_320 overflow_hidden" style="height: auto;">
<div class="x_title">
<h2>Online User Graph <small>Çevrimiçi Kullanıcı Grafiği</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-down"></i></a>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div id="epic" class="demo-placeholder" style="padding: 0px; position: relative;"><canvas class="flot-base" width="725" height="280" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 725px; height: 280px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 22px; text-align: center;">Jan 01</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 136px; text-align: center;">Jan 02</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 250px; text-align: center;">Jan 03</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 364px; text-align: center;">Jan 04</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 478px; text-align: center;">Jan 05</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 592px; text-align: center;">Jan 06</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 252px; left: 13px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 232px; left: 7px; text-align: right;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 213px; left: 7px; text-align: right;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 194px; left: 7px; text-align: right;">30</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 174px; left: 7px; text-align: right;">40</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 155px; left: 7px; text-align: right;">50</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 136px; left: 7px; text-align: right;">60</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 116px; left: 7px; text-align: right;">70</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 97px; left: 7px; text-align: right;">80</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 78px; left: 7px; text-align: right;">90</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 58px; left: 1px; text-align: right;">100</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 39px; left: 2px; text-align: right;">110</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 20px; left: 1px; text-align: right;">120</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 1px; left: 1px; text-align: right;">130</div></div></div><canvas class="flot-overlay" width="725" height="280" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 725px; height: 280px;"></canvas></div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
code i find on w3schools looks better than thisQuote:
Code:<body class="nav-md"> <div class="container body"> <div class="main_container"> <div class="col-md-3 left_col"> <div class="left_col scroll-view"> <div class="navbar nav_title" style="border: 0;"> <a href="index.asp" class="site_title"><i class="fa fa-paw"></i> <span><% set rs2 = Server.Createobject("ADODB.Recordset") sql="Select * from _Settings" rs2.open sql,Sur3,1,3 if not rs2.eof then do while not rs2.eof%> <%=rs2("Title")%> <%rs2.movenext loop end if rs2.close set rs2=nothing%></span></a> </div> <div class="clearfix"></div> <!--#include file="menu.asp"--> </div> </div> <!--#include file="navigation.asp"--> <!-- page content --> <div class="right_col" role="main"> <!--#include file="top.asp"--> <% set rs7 = Server.Createobject("ADODB.Recordset") sql="Select * from _Settings" rs7.open sql,Sur3,1,3 if not rs7.eof then do while not rs7.eof%> <script> window.onload = function () { var chart = new CanvasJS.Chart("epic", { animationEnabled: true, theme: "light2", title:{ text: "" }, axisY:{ includeZero: false }, data: [{ type: "line", dataPoints: [ <% set rs2 = Server.Createobject("ADODB.Recordset") sql="select * from (select top 10 * from _ShardCurrentUser order by dLogDate desc) A order by dLogDate asc" rs2.open sql,Sur,1,3 if not rs2.eof then do while not rs2.eof%> { y: <%=rs2("nUserCount")%>, indexLabel: "<%=rs2("nUserCount")%> User Online",markerColor: "DarkSlateGrey", markerType: "triangle"}, <%rs2.movenext loop end if rs2.close set rs2=nothing%> ] }] }); chart.render(); } </script> <%rs7.movenext loop end if rs7.close set rs7=nothing%> <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="x_panel tile fixed_height_320 overflow_hidden" style="height: auto;"> <div class="x_title"> <h2>Online User Graph <small>Çevrimiçi Kullanıcı Grafiği</small></h2> <ul class="nav navbar-right panel_toolbox"> <li><a class="collapse-link"><i class="fa fa-chevron-down"></i></a> </li> <li><a class="close-link"><i class="fa fa-close"></i></a> </li> </ul> <div class="clearfix"></div> </div> <div class="x_content"> <div id="epic" class="demo-placeholder" style="padding: 0px; position: relative;"><canvas class="flot-base" width="725" height="280" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 725px; height: 280px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 22px; text-align: center;">Jan 01</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 136px; text-align: center;">Jan 02</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 250px; text-align: center;">Jan 03</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 364px; text-align: center;">Jan 04</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 478px; text-align: center;">Jan 05</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 90px; top: 264px; left: 592px; text-align: center;">Jan 06</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 252px; left: 13px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 232px; left: 7px; text-align: right;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 213px; left: 7px; text-align: right;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 194px; left: 7px; text-align: right;">30</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 174px; left: 7px; text-align: right;">40</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 155px; left: 7px; text-align: right;">50</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 136px; left: 7px; text-align: right;">60</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 116px; left: 7px; text-align: right;">70</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 97px; left: 7px; text-align: right;">80</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 78px; left: 7px; text-align: right;">90</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 58px; left: 1px; text-align: right;">100</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 39px; left: 2px; text-align: right;">110</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 20px; left: 1px; text-align: right;">120</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 1px; left: 1px; text-align: right;">130</div></div></div><canvas class="flot-overlay" width="725" height="280" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 725px; height: 280px;"></canvas></div> </div> </div> </div> </div> <br> <div class="row">