Перейти к содержанию
Авторизация  
Chezz

Вывод Онлайна На Св Полосой

Рекомендуемые сообщения

Собственно никогда не сталкивался с этим. Онлайн в дизайне - изображение (полоса). Как настроить вывод?

 

Сделать онлайн в процентах, а процент это height (полоса вертикальная)?

 

Кто подскажет как или даст ссылку на дизайн где это реализовано и можно посмотреть - с меня жирный плюс.

 

Нашел вот такой вывод, но это горизонтальная полоса:

 

<script type="text/javascript">
$(document).ready(function(e) {
       $('#server .item').each(function(i, el) {
       var online = $(this).find('.sonline span').html();
$(this).find('.line').css('width',online/500*100+'%');
   });
   });
</script>

[main]
<div id="server">
   {item}
</div><!--status-->
[/main]

[item]
<div class="item">
    <div class="sname">Сервер: <span>{nameLink}</span></div>
       <div class="sonline">Игроков: <span>{online}</span></div>
    <div class="load"><div class="line"></div></div>
   </div>
[/item]

Изменено пользователем Chezz

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

<script>
<!--{name}-->
   $(function(){
$( "#progressbar_{num}" ).progressbar({
 value: {online}, max: 1000
});
   });
</script>
 <div class='s1'> [ <a href="{url}">{name}</a> ]</div>
 <div id="progressbar_{num}"><span></span></div>
 <div class='serv_stat1'>Статус: <b>{game}</b>  Игроков: <b>{online}</b></div><br>
</div>

у меня так

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

<script>
<!--{name}-->
$(function(){
$( "#progressbar_{num}" ).progressbar({
 value: {online}, max: 1000
});
});
</script>
<div class='s1'> [ <a href="{url}">{name}</a> ]</div>
<div id="progressbar_{num}"><span></span></div>
<div class='serv_stat1'>Статус: <b>{game}</b> Игроков: <b>{online}</b></div><br>
</div>

 

у меня так

 

Cпасибо сейчас попробую.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

вот 1 из моих вариантов: test.html

Изменено пользователем barry

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

вот 1 из моих вариантов: test.html

КРУУУУУУТО

Собственно никогда не сталкивался с этим. Онлайн в дизайне - изображение (полоса). Как настроить вывод?

 

Сделать онлайн в процентах, а процент это height (полоса вертикальная)?

 

Кто подскажет как или даст ссылку на дизайн где это реализовано и можно посмотреть - с меня жирный плюс.

 

Нашел вот такой вывод, но это горизонтальная полоса:

 

<script type="text/javascript">
$(document).ready(function(e) {
$('#server .item').each(function(i, el) {
var online = $(this).find('.sonline span').html();
$(this).find('.line').css('width',online/500*100+'%');
});
});
</script>

[main]
<div id="server">
{item}
</div><!--status-->
[/main]

[item]
<div class="item">
<div class="sname">Сервер: <span>{nameLink}</span></div>
<div class="sonline">Игроков: <span>{online}</span></div>
<div class="load"><div class="line"></div></div>
</div>
[/item]

Cпасибо сейчас попробую.

Супер

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...