Статус Онлайна Полоской?

[Psycho 144]

Я могу сверстать простой сайт, но вот в скриптах и пхп дуб дубом.

Ребят подскажите как сделать отображение онлайна на сайте полоской, либо кругалем (как на аверии).

[k0ss11 302]

поищи тут шаблон l2five

там вроде есть скрипт.

[Psycho 144]

поищи тут шаблон l2five

там вроде есть скрипт.

У меня св нету, вряд ли разберусь просто в коде. Можешь сказать хотя бы названия js и css какие нужны из этого шаблона?

[Psycho 144]

Как я понял, то вот этот скрипт надо прикручивать?

chart.js

[Psycho 144]

Единственное не понял, что здесь править?

$(function(){

$(".server").each(function(){
var obj = $(this);
var data = [];
var value = parseInt(obj.data('online'));
var name = $(".server_status_value canvas", obj).attr('id');

var maxValue = 100;
var middleValue = 100;
var topValue = 100;

if(value > middleValue) {
data.push({value: middleValue, color: '#6d8a1d'});

if(value > topValue) {
data.push({value: topValue-middleValue, color: '#6d8a1d'});
data.push({value: value-topValue, color: '#80ad04'});
} else {
data.push({value: value-middleValue, color: '#6d8a1d'});
}
} else {
data.push({value: value, color: '#6d8a1d'});
}

if(maxValue - value > 0) {

if(obj.hasClass("server_offline")) data.push({value: maxValue - value, color: '#cf4040'});
else if(obj.hasClass("server_obt")) data.push({value: maxValue - value, color: '#b992cb'});
else if(obj.hasClass("server_zbt")) data.push({value: maxValue - value, color: '#ffe299'});
else data.push({value: maxValue - value, color: '#c7c1a9'});
}

new Chart(document.getElementById(name).getContext("2d")).Doughnut(data);
});

});

[Ancient 7]

Можно и лучше сделать)

[Psycho 144]

Можно и лучше сделать)

Понятно что можно, и принцип понятен, но знаний то нет.

[Ancient 7]

var max_members = 1000;
if ($('#server_1').get(0) != null) {
var server_x7 = parseInt($('#server_1').val().trim());
if (server_x7 > max_members)
server_x7 = max_members;
var init_val_x7 = 0;
var timer_x7 = null;

timer_x7 = setInterval(function() {
if (init_val_x7 > server_x7) {
clearInterval(timer_x7);
return false;
}
if (init_val_x7 >= max_members) {
$("span.pie_1").peity("pie", {
fill: ["#5aaed3", "#cdcdcd"]
});
clearInterval(timer_x7);
return false;
}
init_val_x7 += 100;
$("span.pie_1").html(init_val_x7 + "/" + max_members);
$("span.pie_1").peity("pie");
}, 50);
}

 

Ну типо так только дописать нужно)

[Ancient 7]

это вывод онлайна не в полоску а в круг

 

только дописать нид)

Изменено 28 ноября, 2014 пользователем Ancient

[Psycho 144]

var max_members = 1000;
if ($('#server_1').get(0) != null) {
var server_x7 = parseInt($('#server_1').val().trim());
if (server_x7 > max_members)
server_x7 = max_members;
var init_val_x7 = 0;
var timer_x7 = null;

timer_x7 = setInterval(function() {
if (init_val_x7 > server_x7) {
clearInterval(timer_x7);
return false;
}
if (init_val_x7 >= max_members) {
$("span.pie_1").peity("pie", {
fill: ["#5aaed3", "#cdcdcd"]
});
clearInterval(timer_x7);
return false;
}
init_val_x7 += 100;
$("span.pie_1").html(init_val_x7 + "/" + max_members);
$("span.pie_1").peity("pie");
}, 50);
}

 

Ну типо так только дописать нужно)

Как я понял, этот выводит на фул и на 100 тел отображение.

[Psycho 144]

server_x7

timer_x7

а вот это что?

[mwmkr 268]

server_x7

timer_x7

а вот это что?

x7 - это название сервера, указанный в настройках cms.

[Psycho 144]

Короче понятно, что ничего не понятно мне в построении кода))

[Psycho 144]

попытка разобраться в коде))

 

var max_members = 1000; ну понятно макс онлайн

if ($('#server_1').get(0) != null) {

var server_x7 = parseInt($('#server_1').val().trim());

if (server_x7 > max_members)

server_x7 = max_members;

var init_val_x7 = 0; онлайн равен нулю

var timer_x7 = null;

 

timer_x7 = setInterval(function() { функция полоски/кругаля

if (init_val_x7 > server_x7) {

clearInterval(timer_x7);

return false;

}

if (init_val_x7 >= max_members) { цвет полоски при нулевом онлайне

$("span.pie_1").peity("pie", {

fill: ["#5aaed3", "#cdcdcd"]

});

clearInterval(timer_x7);

return false;

}

init_val_x7 += 100; дальше уже менее понятнее

$("span.pie_1").html(init_val_x7 + "/" + max_members);

$("span.pie_1").peity("pie");

}, 50);

}

[Psycho 144]

Ребят выручайте, вообще не имею представления как реализовать подобное.

[Psycho 144]

это вывод онлайна не в полоску а в круг

 

только дописать нид)

Из разряда, вот тебе сборка, но только ядро дописать надо?)))

[mwmkr 268]

добавь в скайп, найдешь в профиле.

[Psycho 144]

поищи тут шаблон l2five

там вроде есть скрипт.

Спасибо, очень помог. Взял от туда код, и все работает)

[mcwa 295]

Сделай 5 картинок с полоской, выводи каждую по цифре онлайна. если больше 100 одна, больше 200 другая

[Psycho 144]

Сделай 5 картинок с полоской, выводи каждую по цифре онлайна. если больше 100 одна, больше 200 другая

Да зачем? Сейчас выводится вот так. Всё работает как надо.

[SvK 3]

А кто может помочь, как сделать чтоб полоска онлайна в L2five шаблоне работала от БД и сама уменьшалась и увеличивалась ? А то она работает тока вручную SW13

 

<div class="server server_online" data-online="1124">

<div class="server_status">

<div class="server_status_rate">

<img src="{template}/images/server_rate_x10000.png" alt="" />

</div>

<div class="server_status_value">

<canvas id="server" height="112" width="112" style="width: 112px; height: 112px;"></canvas>

</div>

</div>

<div class="server_inner">

<div class="status_inner_value">

<span>OБТ</span>

</div>

</div>

</div> <!-- server -->

Изменено 30 ноября, 2014 пользователем SvK

[Serval 21]

Да зачем? Сейчас выводится вот так. Всё работает как надо.

 

И как нашаманил такое? не подскажешь?)

[Psycho 144]

А кто может помочь, как сделать чтоб полоска онлайна в L2five шаблоне работала от БД и сама уменьшалась и увеличивалась ? А то она работает тока вручную SW13

 

<div class="server server_здесь php код вывода статуса gs"здесь php код вывода онлайна">

<div class="server_status">

<div class="server_status_rate">

<img src="{template}/images/server_rate_x10000.png" alt="" />

</div>

<div class="server_status_value">

<canvas id="server" height="112" width="112" style="width: 112px; height: 112px;"></canvas>

</div>

</div>

<div class="server_inner">

</div>

</div> <!-- server -->

[Psycho 144]

И как нашаманил такое? не подскажешь?)

просто полазил в скрипте и php.

[Ancient 7]

вижу мой скрипт помог)))