Онлайн сервера в % для форума. ( Кружочком )

Для начала посмотри как это будет выглядеть

 
Что же нам нужно ?
1) создать в корневой директории форума папку online
 
2) в ней создать 3 файла.
 
2.1 ) circle.js.
 

/**! * easyPieChart * Lightweight plugin to render simple, animated and retina optimized pie charts * * @license Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de) * @version 2.0.1 **/!function(){var a=function(a,{var c=document.createElement("canvas");"undefined"!=typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(c);var d=c.getContext("2d");if(c.width=c.height=b.size,a.appendChild(c),window.devicePixelRatio>1){var e=window.devicePixelRatio;c.style.width=c.style.height=[b.size,"px"].join(""),c.width=c.height=b.size*e,d.scale(e,e)}d.translate(b.size/2,b.size/2),d.rotate((-0.5+b.rotate/180)*Math.PI);var f=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(f-=b.scaleLength+2);var g=function(a,b,c){c=Math.min(Math.max(0,c||1),1),d.beginPath(),d.arc(0,0,f,0,2*Math.PI*c,!1),d.strokeStyle=a,d.lineWidth=b,d.stroke()},h=function(){var a,c,e=24;d.lineWidth=1,d.fillStyle=b.scaleColor,d.save();for(var e=24;e>=0;--e)0===e%6?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),d.fillRect(-b.size/2+a,0,c,1),d.rotate(Math.PI/12);d.restore()};Date.now=Date.now||function(){return+new Date};var i=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}();this.clear=function(){d.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){this.clear(),b.scaleColor&&h(),b.trackColor&&g(b.trackColor,b.lineWidth),d.lineCap=b.lineCap;var c;c="function"==typeof b.barColor?b.barColor(a):b.barColor,a>0&&g(c,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate),g=b.easing(this,f,a,c-a,b.animate);this.draw(g),b.onStep(a,c,g),f>=b.animate?b.onStop(a,c):i(e)}.bind(this);i(e)}.bind(this)},b=function(b,c){var d,e={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,size:110,rotate:0,animate:1e3,renderer:a,easing:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(){},onStep:function(){},onStop:function(){}},f={},g=0,h=function(){this.el=b,this.options=f;for(var a in e)e.hasOwnProperty(a)&&(f[a]=c&&"undefined"!=typeof c[a]?c[a]:e[a],"function"==typeof f[a]&&(f[a]=f[a].bind(this)));f.easing="string"==typeof f.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[f.easing])?jQuery.easing[f.easing]:e.easing,d=new f.renderer(b,f),d.draw(g),b.dataset&&b.dataset.percent&&this.update(parseInt(b.dataset.percent,10))}.bind(this);this.update=function(a){return a=parseInt(a,10),f.animate?d.animate(g,a).draw(a),g=a,this}.bind(this),h()};window.EasyPieChart=b}();var options = {  scaleColor: false,  trackColor: '#333',  barColor: '#FA8072',  lineWidth: 18,  lineCap: 'butt',  size: 120};var charts = [];[].forEach.call(document.querySelectorAll('.chart'), function(el) {  charts.push(new EasyPieChart(el, options));}); 

 
В нем задаются цвета фона и полосочки. так же размер ( trackColor , barColor , size: 120 )
 
2.2 ) Файл style.css

.chart {  display: inline-block;  width: 120px;  height: 120px;  margin: 0 10px;  vertical-align: top;  position: relative;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-top: 22px;  border-radius:50%;  box-shadow: 0 0 8px 2px #111;}.chart canvas {  position: absolute;  left: 0;  top: 0;}.chart span {  display: block;  font-size: 2em;  font-weight: normal;   margin:20px 00 20px 30;}

В нем задаются стили для вывода поля под наш "кружочек".

2.3 ) Файл online.php

<?php/*** Description of online** @author Anton Faibyshev* email: faibyshevao@gmail.com* skype: zGrandy* Специально для mmo-develop.ru*/error_reporting(0);class online {    private $config;    private $delay;    private $filename;    private $maxonline;    private $online;    private $persent;    private $rate;    public function __construct() {        // Данные для соединения с базой сервера        $this->config['host'] = 'localhost';        $this->config['user'] = 'root';        $this->config['password'] = 'fv123';        $this->config['db'] = 'l2j';        //Настройки        $this->filename = 'cache.txt'; //имя файла, в который будет кешироваться онлайн. ВНИМАНИЕ !!! В нем будет хранится реальный онлайн        $this->delay = 1; // Время обновления онлайна из базы . например для обновления раз в 5 минут необходимо установить значение 300        $this->persent = false; //в выводить % от максимально онлайна, или же онлайн с накруткой. для % - true , для онлайна  false        $this->maxonline = 10; // Максимальный онлайн, если выводить в %        $this->rate = 12; // Коєфициєнт накрутки онлайна, если выводится онлайн    }    public function get_online() {        $this->new_online();        if ($this->persent) {            $online = ($this->online / $this->maxonline) * 100;            return round($online);        } else {            $online = $this->online  * $this->rate;            return round($online);        }    }    private function new_online() {        $last_update = time() - filemtime($this->filename);        if ($last_update > $this->delay) {            $this->online = $this->refresh_online();            $fp = fopen($this->filename, 'w');            fwrite($fp, $this->online);            fclose($fp);            return true;        } else {            $fp = fopen($this->filename, "r");            if ($fp) {                $this->online = fgets($fp, 999);            }            fclose($fp);            return true;        }    }    private function refresh_online() {        $conn = new mysqli($this->config['host'], $this->config['user'], $this->config['password'], $this->config['db']);        $query = "SELECT  count(0) FROM `characters` WHERE `online`!=0";        $result = $conn->query($query);        if (!$result) {            return false;        }        $rows = $result->fetch_assoc();        $conn->close();        $result->free();        return $rows['count(0)'];    }}$online = new online;echo $online->get_online(); 

ВНИМАНИЕ!!!
в строчках
 
$config_db['host'] = 'localhost';
$config_db['user'] = 'root';
$config_db['pass'] = "password";
$config_db['db'] = 'l2j';
необходимо подставить ваши данные для коннекта к бд
адрес бд , логин, пароль. название базы.
Они должны быть в одинарных кавычках ( ' )/
 
$delay отвечает за частоту обновления онлайн с бд.
если ставить сильно маленькое чисто будет идти сильная нагрузка на бд.
Указывается в секундах. Например 300 это 5 мин. Онлайн будет обновляться раз в 5 минут.
 
2.1) в папке online создать пустой файл online.txt
 
3) Вставка кода на сайт.

<center><br><link rel="stylesheet" href="online/style.css" type="text/css" media="screen" charset="utf-8"><div class="chart" data-percent="5" id ="divonlineinpersent"><span id="spanonlinepercent"></span><canvas height="120" width="120"></canvas></div><script>var HTTP = {};var request = new XMLHttpRequest();var url ="online/online.php?online=0";request.open("GET", url, false);request.setRequestHeader("UserAgent", "XMLHttpRequest");request.send(null);var text ='OFF';var persent =0;if (request.responseText<100 && request.responseText>0){text =request.responseText+"%";persent=request.responseText;}document.getElementById('divonlineinpersent').setAttribute("data-percent",persent);document.getElementById("spanonlinepercent").innerHTML=text;</script><script src="online/circle.js"></script><br><a href="ссылка на вашу тему с описанием.">Подробней о нагрузке</a><br><br></center>

 
 
Данный код и выведет кругляшок в месте, куда вы его тыкнули.
 
Например в ipb код можно вставить как рекламный баннер на главной странице форума.
(Админ панель - Система - Настройки - Настройки системы рекламы
Включить систему - ДА
и в Код для добавления в боковую панель вставить наш код)
 
Все, готово)
 
Свои вопросы можете задать в лс ( http://forummaxi.ru/user/8684-zgrandy/ )
Написано специально для форума макси.