ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
83   •   Посмотреть все темы

вывод иконки мобильной версии

 

60
Lilith @lilith
здравствуйте уважаемые, есть вот такой вот код: (точнее кусок кода, скидываю не весь, кто шарит тот поймет)

/* [Функция - вывода сообщений и команд] */
var pu = new Array;
var pt = new Array;
dev_arr = [];
dev_arr[0]='';
dev_arr['android']=' <img src="https://bestrealchat.ru/mobile/android.png" title="Пользователь с Android" width="12" /> ';
dev_arr['iphone']=' <img src="https://bestrealchat.ru/mobile/iphone.png" title="Пользователь с iPhone" width="12" /> ';
dev_arr['ipad']=' <img src="https://bestrealchat.ru/mobile/ipad.png" title="Пользователь с ipad" width="12" /> ';
dev_arr['ipod']=' <img src="https://bestrealchat.ru/mobile/ipad.png" title="Пользователь с ipod" width="12" /> ';

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


вопрос таков: как вывести эти иконки в список ников а не в строку сообщений?

Отредактировано lilith - 19.04.2019
101
Денис @Sloopy
В ник-листе создать переменную с иконкой девайса, скрыть её по умолчанию.
В Функции обработки сообщений регуляркой проверять на наличие название переменной в тексте. Брать айди пользователя и отображать иконку девайса!

Отредактировано Sloopy - 19.04.2019
60
Lilith @lilith
😵

441
Валентин @DjValek
Sloopy пишет:

В ник-листе создать переменную с иконкой девайса, скрыть её по умолчанию.
В Функции обработки сообщений регуляркой проверять на наличие название переменной в тексте. Брать айди пользователя и отображать иконку девайса!

Фсе доступно и понятно....

60
Lilith @lilith
DjValek пишет:

Фсе доступно и понятно....

ага

60
Lilith @lilith
вопрос все еще актуален

101
Денис @Sloopy
lilith, Нус появилось время, и вот накатал решение данной задачи.

1. Идем в /* [Функции - формирования никлиста] */
2. Находим там переменную set_nick. А, именно вот такого плана set_nick=set_nick+set_love; у вас может после set_love быть еще переменные.
3. Выше set_nick создаем новую переменную:
set_android = '<img class="android" src="Ссылка на картинку" title="'+nick+' находится в сети с Android устройства" width="16" style="display:none;" /> ';
Ну и для яблочных тоже самое:
set_iphone = '<img class="iphone" src="Ссылка на картинку" title="'+nick+' находится в сети с IOS устройства" width="16" style="display:none;" /> ';
4. Возвращаемся к пункту номер 2. А именно к переменной set_nick=set_nick+set_love; изменим её вот так: set_nick=set_nick+set_android+set_iphone+set_love;

5. Переходим в раздел /* [Функция - вывода сообщений и команд] */.
6. В функции f() находим проверку на устройство.
Вот такого плана:
if(text.match(/\s\(android\)$/)) {
text=text.replace(/\s\(android\)$/,'');
dev='android';
}
if(text.match(/\s\(iphone\)$/)) {
text=text.replace(/\s\(iphone\)$/,'');
dev='iphone';
}

И заменяем на вот такой код:

if(text.match(/\s\(android\)$/)) {
text=text.replace(/\s\(android\)$/,'');
dev='android';
nick = nick.replace("@","\\@");
var nickobj=document.getElementById("!"+nick);
$(nickobj).find(".android").css('display','inline-block');
}
if(text.match(/\s\(iphone\)$/)) {
text=text.replace(/\s\(iphone\)$/,'');
dev='iphone';
nick = nick.replace("@","\\@");
var nickobj=document.getElementById("!"+nick);
$(nickobj).find(".iphone").css('display','inline-block');
}

На этом все, радуемся тому что получилось!
Сразу замечу что к чату должен быть подключен плагин jquery.

60
Lilith @lilith
Sloopy пишет:


спасибо большое

73
Я @Kraker_TV
а можна полный код?