Статус онлайн-пользователя

URL-адрес страницы: https://teacup.forumotion.com/t44-global-announcement
Версия: Invision
Проблема: Я пытаюсь сделать, кто онлайн или нет с моим собственным классом. Я могу получить доступ через jQuery, но дело в том, что, как только скрипт проверяет только сначала и видит, что он в сети, он применяется ко всем остальным в сети, даже если они не в сети.

Вот мой script:

Код:

$(document).ready(function() {

if ( $( ".online-status:contains( online online online online)")) {
  
$(".online-status").css("width", "15px");
$(".online-status").css("height", "15px");
$(".online-status").css("background", "#4CAF50");
$(".online-status").css("border-radius", "50%");
  $(".online-status").text("");
  
} else
  if($( ".online-status:contains('')")) {
 $(".online-status").css("width", "15px");
$(".online-status").css("height", "15px");
$(".online-status").css("background", "#d1d1d1");
$(".online-status").css("border-radius", "50%");
  }

});

Добрый день!

А в шаблон viewtopic_body что Вы вставляете?

P.S. раз нам не разрешают обсуждать адаптацию кода на англоязычном форуме сразу могу предложить адаптацию кода:

Вот это:

Код:

 $(".online-status").css("width", "15px");
$(".online-status").css("height", "15px");
$(".online-status").css("background", "#4CAF50");
$(".online-status").css("border-radius", "50%");

Можно заменить на:

Код:

$(".online-status").css({"height":"15px","background":"#4CAF50", "border-radius":"50%"});

Это то, что изменено внутри шаблона:

Код:

<span class="online-status">{postrow.displayed.ONLINE_IMG_NEW}</span> <br>

Да, нам нельзя, к сожалению :(
По ошибке вы опускаете ширину элемента. Но суть я понял, спасибо за краткость. Я знал, что это может работать таким образом, но вроде как хотел построчно. Во всяком случае, я сделал, как вы предложили.

Я добавил это под:

Код:

<dl class="postprofile-details postdetails">

А вот этим что Вы хотите проверить?

Код:

if ( $( ".online-status:contains( online online online online)"))

Инструкция contains проверяет наличие текста в скобочках в каждом блоке с классом online-status.

Документация по инструкции contains

По идее, у Вас всегда должен быть результат этой проверки равен true, так как в названии переменной есть слово online.

Предлагаю Вам обратить внимание на этот код в шаблоне:

Код:

<div class="popmenubutton-new-out popmenubutton">
 <a href="javascript:void(0);"{postrow.displayed.ONCLICK}>{postrow.displayed.ONLINE_IMG_INV}{postrow.displayed.POSTER_NAME_INV}</a>
 </div>

{postrow.displayed.ONLINE IMG INV} - изображение, которое показывается, если пользователь онлайн.

Можно к нему привязать сравнение, например, если url изображения равен такому-то адресу - то выполняется код 1. Если не равно - код 2.

Важно, чтобы было установлено изображение Online через ПА.

Это так - идея "на лету".

Чуть позже могу посидеть над кодом.

Причина, по которой я это проверял, заключалась в том, что я получил это значение в результате функции text(). Итак, я подумал, хм, возможно, это значение в первом спане (первом посте), но, похоже, оно связано со всеми спанами. Он собирает все пролеты.

Я предполагаю, что теперь основная идея состоит в том, чтобы получить доступ к каждому диапазону отдельно и после проверки чего-либо изменить css. Верно?

Я вижу, что вы хотите сказать этой идеей изображения. Но опять же, как всегда, моя самая большая проблема — зациклиться на каждом посте, а не проверить все посты сразу и собрать все данные в одну переменную.

Вот что у меня получилось:



ПА - Модули - Управление кодами Javascript - Создать новый Javascript.
Название: любое
Расположение: в темах

Код:

Код:


$(document).ready(function() {
$('.postprofile').children('.postprofile-head.post-header').children('.popmenubutton-new-out.popmenubutton').children('a').children('span').parent().parent().parent().children('.onlinefresh').css({"width":"15px", "height":"15px","background":"red", "border-radius":"50%"});
$('.postprofile').children('.postprofile-head.post-header').children('.popmenubutton-new-out.popmenubutton').children('a').children('img').parent().parent().parent().children('.onlinefresh').css({"width":"15px", "height":"15px","background":"#4CAF50", "border-radius":"50%"});

})


ПА - Оформление - Шаблоны - Общие настройки - viewtopic_body

Найдите фрагмент кода:

Код:

<div class="popmenubutton-new-out popmenubutton">
                     <a href="javascript:void(0);"{postrow.displayed.ONCLICK}>{postrow.displayed.ONLINE_IMG_INV}{postrow.displayed.POSTER_NAME_INV}</a>
                  </div>

После него вставьте:

Код:

<div class="onlinefresh"></div>

Сохранить. Опубликовать.

Примечания:
1) Код будет работать только в том случае, если пользователи состоят в группах, у которых есть цвет. Цвет группы должен быть применен к участникам группы.
2) Логика кода такова: мы спускаемся с верхней точки (с профиля пользователя к изображению статуса "онлайн". Если оно есть, тогда подымаемся от этого изображения к блоку div с классом onlinefresh - создать кружек с зеленым цветом.
Если изображения нет, будет выполняться другая инструкция - спуститься от профиля к нику и подняться к блоку div с классом onlinefresh - создать кружек с красным цветом.

Хм, это работает для онлайна, но для оффлайна красной точки нет. Я предполагаю, что это потому, что обычный пользователь не принадлежит ни к какой группе? Это немного проблематично. Конечно, спасибо за скрипт и код, который вы сделали!

https://teacup.forumotion.com/t44-global-announcement

System32 пишет:Хм, это работает для онлайна, но для оффлайна красной точки нет. Я предполагаю, что это потому, что обычный пользователь не принадлежит ни к какой группе? Это немного проблематично. Конечно, спасибо за скрипт и код, который вы сделали!

https://teacup.forumotion.com/t44-global-announcement

Обратите внимание на пункт 1 примечаний в моем предыдущем сообщении. Добавьте пользователя Testacc в группу и все будет работать.

Вот так сейчас вижу Ваш форум:

Я понял, что вы сказали в предыдущем посте, но это означает, что я должен помещать каждого пользователя в какую-то группу, чтобы работать? Это стресс, если у вас много пользователей.

Можете создать группу "Пользователи" и установить автоматическое вступление.
Иначе, к сожалению, ник пользователя не имеет блока - идет просто текст, за который нельзя зацепиться:

Спасибо, мой друг. Теперь это работает.
Решено.