Вообще то был написан скрипт на javascript и со стилями, на всех браузерах всё отлично открывается, кроме opera 26 и нового яндекс браузера.
var Monitoring = {
//Подключение
servers: [{address: "localhost:27017"}],//IF:PORT - сервера
reset: function () {
for (var i = 0; i < this.servers.length; i++) {
this.servers[i].online = 0;
this.servers[i].max_online = 0;
}
},
//Обновление
update: function () {
this.reset();
for (var i = 0; i < this.servers.length; i++)
this.updateServerState(i);
},
//Получение данных
updateServerState: function (serverId) {
var server = this.servers[serverId];
$.ajax({
url: "http://jmc.url.ph/" + server.address,
dataType: "json",
type: "GET",
success: function (data) {
var html;
html = (!data.error) ? Monitoring.onlineHtml(server, data) : Monitoring.offlineHtml(server, data);
$("#server" + serverId).html(html);
if (!data.error) {
server.online = 1 * data.player_online;
server.max_online = 1 * data.player_max;
}
},
error: function (data) {
// Шаблон ошибки
$("#server" + serverId).html(error);
}
});
},
// Шаблонизация ответов
// server.name - Выводит наименование сервера, заданное в массиве JS скрипта.
// data.* - Вывод значений из JSON ответа.
// Возможные варианты значений (adress, ping, geo, motd, player_online, player_max, percent, version, online_max, online_max_time)
// Например, "data.motd" - выведет MOTD запрашиваемого сервера
onlineHtml: function (server, data) {
var online = "";
// Шаблон выводится при успешном получении значений
online += '<div class="progress"><div class="count">' + data.player_online + '/' + data.player_max + '</div><div class="progress-bar" role="progressbar" style="width: ' + data.percent + '%;"></div></div>';
return online;
},
offlineHtml: function (server, data) {
var offline = "";
// Шаблон выводится при неудаче (сервер находится оффлайн)
offline += '<div class="progress"><div class="danger">Restart</div><div class="progress-bar-danger" role="progressbar" style="width:100%;"></div></div>';
return offline;
}
};
$(document).ready(function () {Monitoring.update();});
//Tick Timer Update
setInterval(function () {refresh();}, 21000);
//Update
function refresh() {Monitoring.reset(); setTimeout(function () { Monitoring.update();}, 2000);}
Так же ещё присутствует jquery. Подскажите как исправить съехавший текст?
