Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

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

 
1

1163
Денис @Анатолич
В этой теме https://vmeste.eu/forum?pid=289186#p289186
Прочел, что мобильный чат можно отредактировать точно так же как и основной.

Давно хотел сделать мобильный чат именно мобильным. То есть убрать полностью всю графику, чтобы не насиловать телефон огромными картинками, и не жечь посетителю мобильный трафик.

Собственно вопрос. Как в мобильной версии картинки отображать в виде ссылок, а смайлы в виде их имен?

6600
Александр @admiral
********** он и так мобильней некуда ********** какая в нем графика?

1163
Денис @Анатолич
admiral пишет:

********** он и так мобильней некуда ********** какая в нем графика?

Может я туплю. или дело в том, что у меня изначально шаблон стоял который я в последствии переделывал.
Но Разве проблемы описанные мною выше (картинки и смайлы) Есть только в моем чате? у других их не видно?
в то, что удобно когда на малюсенький экран телефона. Через медленную и дорогую мобильную интернет связь, лезут сотнями килобайт гифки и жипеги я не верю.

20090
Dimitry @Dimitry
по умолчанию в мобильной нет не одной картинки

1163
Денис @Анатолич
Dimitry пишет:

по умолчанию в мобильной нет не одной картинки

Может мы с вами говорим о разных вещах? В дизайне графики нет конечно.

Я имею ввиду что пользователи при активном общении кидают в чат кучу картинок. Сейчас ограничения стоят в 300 кило. Фактически с таким весом можно кидать картинки в размере 1600х1200.
За час подобных картинок можно накидать более сотни. Не думаю, что владельцы мобильных телефонов будут в восторге, если своевременно не отключат показ картинок в браузере. А ведь многие про такую опцию и слыхом не слыхивали.
Да и гиф смайлики тоже не всегда маленькие и легкие. Зачем нужно каждый раз подгружать их в мобильной версии. Тоже трафик некисло расходаоваться будет. да и телефон подтупливать начнет от обилия анимации.
Я бы хотел чтобы вместо Огромной картинки в мобильном чате отражалась Крошечная иконка и надпись "смотреть картинку" (ссылка)
А вместо анимированых гиф смаликов были надписи аля "*smile"
Такое возможно реализовать в мобильном чате?

Отредактировано Анатолич - 07.02.2012
20090
Dimitry @Dimitry
А блин, это в IRC всё вырезалось, ну надо сделать такую штуку в мобильн тоже как то)

1007
BETEPAH @BETEPAH
Анатолич пишет:

Dimitry пишет:

по умолчанию в мобильной нет не одной картинки

Может мы с вами говорим о разных вещах? В дизайне графики нет конечно.

Я имею ввиду что пользователи при активном общении кидают в чат кучу картинок. Сейчас ограничения стоят в 300 кило. Фактически с таким весом можно кидать картинки в размере 1600х1200.
За час подобных картинок можно накидать более сотни. Не думаю, что владельцы мобильных телефонов будут в восторге, если своевременно не отключат показ картинок в браузере. А ведь многие про такую опцию и слыхом не слыхивали.
Да и гиф смайлики тоже не всегда маленькие и легкие. Зачем нужно каждый раз подгружать их в мобильной версии. Тоже трафик некисло расходаоваться будет. да и телефон подтупливать начнет от обилия анимации.
Я бы хотел чтобы вместо Огромной картинки в мобильном чате отражалась Крошечная иконка и надпись "смотреть картинку" (ссылка)
А вместо анимированых гиф смаликов были надписи аля "*smile"
Такое возможно реализовать в мобильном чате?

В mobile.inc можно добавить строчку, которая будет заменять загруженные картинки на ссылку:
function f(room,cmd,nick,tonick,text,time,colornick,color,var9,var10,var11,var12,var13,var14) {
set_nick="<a href=# onclick='parent.sendto(\""+nick+": \"); return false;'><font color=#"+colornick+">"+nick+"</font></a>";
text = text.replace(/.br..img.src.(tmp.(.+\.jpg)).border.0..br./, '<a href=$1 target=_blank><img src=http://mpchat.com/blank/img/ftp/img.gif border=0> $2</a>');
if(cmd==0) wr(set_nick+": "+text+" ("+time+")<br>");
if(cmd==1 || cmd==2) wr(set_nick+":<b>(приватно)</b> "+text+" ("+time+")<br>");
if(cmd==3) wr(set_nick+":<b>(важно)</b> "+text+" ("+time+")<br>");
if(cmd==6) {if(text=='0') wr("<i>К нам приходит "+set_nick+" ("+time+")</i><br>");u[nick]=new Array(1,colornick); pr();}
if(cmd==7) {if(text=='1') wr("<i>С нами прощается "+set_nick+" ("+time+")</i><br>");u[nick]=new Array(0,colornick); pr();}
parent.up();
}

аналогично можно сделать и со смайлами (заменять их на значение в title), хотя я не думаю, что это сильно актуально, так как смайлы небольшие по объему. Нужно смотреть, как в вашем чате выводятся смайлы. Если так:
<img src=http://www.kolobok.us/smiles/artists/fool/bubu.gif onclick=parent.sendto(this.title) title=" *355 " style=cursor:pointer> <img src=http://www.kolobok.us/smiles/artists/fool/bubu.jpg onclick=parent.sendto(this.title) title=" *355 " style=cursor:pointer> <img src=http://www.kolobok.us/smiles/artists/fool/bubu.gif onclick=parent.sendto(this.title) title=" *355 " style=cursor:pointer>
то подойдет вот такое регулярное выражение:
text = text.replace(/<img src=(http\S+\.(?:gif|jpg)) onclick=\S+ title="(\s\S+\s)" style=cursor:pointer>/gim, '<a href=$1 target=_blank> $2 </a>');

P.S. title - это то, что вы забиваете в редакторе смайлов в админке.

Отредактировано BETEPAH - 07.02.2012
20090
Dimitry @Dimitry
добавил фильтр на смайлы по умолчанию и кнопку на включение отображения смалов
кто регулярку писал, объясните смысл (?:gif|jpg), непонятно значение ?:

1007
BETEPAH @BETEPAH
Dimitry пишет:

добавил фильтр на смайлы по умолчанию и кнопку на включение отображения смалов
кто регулярку писал, объясните смысл (?:gif|jpg), непонятно значение ?:

?: - означает не запоминать найденное в скобках. Без этого надо было бы писать
<a href=$1 target=_blank> $3 </a>

А можно ли как-то посмотреть стандартные mobile.inc, colors.dat и другие неHTML файлы? Или для этого надо новый чат регистрировать?

Отредактировано BETEPAH - 07.02.2012
1007
BETEPAH @BETEPAH
serega18 пишет:

BETEPAH, не подскажите как в мобильной версии сделать так, чтобы цвет текста сообщений был не однотонным, а как и в общей версии с поддержкой различных цветов.Я попробывал скопировал и чуть изменил из общих скриптов set_text=" но что то не получаеться... Не знаете ли вы решение данной проблемы?

}

function f(room,cmd,nick,tonick,text,time,colornick,color,var9,var10,var11,var12,var13,var14) {
set_nick="<a href=# onclick='parent.sendto(\""+nick+": \"); return false;'><font color=#"+colornick+">"+nick+"</font></a>";
set_text=" ?????????????????? как правильно прописать часть кода для set_text
if(cmd==0 || cmd==1 || cmd==2 || cmd==3) wr(set_nick+": "+text+" ("+time+")<br>");
if(cmd==1 || cmd==2) wr(set_nick+":<b>(приватно)</b> "+text+" ("+time+")<br>");
if(cmd==3) wr(set_nick+":<b>(важно)</b> "+text+" <br>");
if(cmd==6) {if(text=='0') wr("<i>Приходит "+set_nick+" </i><br>");u[nick]=new Array(1,colornick); pr();}
if(cmd==7) {if(text=='1') wr("<i>Уходит "+set_nick+" </i><br>");u[nick]=new Array(0,colornick); pr();}
parent.up();
}

function f(room,cmd,nick,tonick,text,time,colornick,color,var9,var10,var11,var12,var13,var14) {
set_nick="<a href=# onclick='parent.sendto(\""+nick+": \"); return false;'><font color=#"+colornick+">"+nick+"</font></a>";
var set_text = color ? " <font color=#" + color+ " >" + text + "</font> " : text;
if(cmd==0 || cmd==1 || cmd==2 || cmd==3) wr(set_nick+": "+set_text+" ("+time+")<br>");
if(cmd==1 || cmd==2) wr(set_nick+":<b>(приватно)</b> "+set_text+" ("+time+")<br>");
if(cmd==3) wr(set_nick+":<b>(важно)</b> "+set_text+" <br>");
if(cmd==6) {if(text=='0') wr("<i>Приходит "+set_nick+" </i><br>");u[nick]=new Array(1,colornick); pr();}
if(cmd==7) {if(text=='1') wr("<i>Уходит "+set_nick+" </i><br>");u[nick]=new Array(0,colornick); pr();}
parent.up();
}

230
serega18 @serega18
Спасибо, всё работает!!!)))

230
serega18 @serega18
Уважаемый Ветеран,а не смогли ли Вы подсказать как сделать(если конечно это возможно) чтобы в мобайл версии поддерживался и градиентный текст, коий участники покупают чрез вирт-магазин...Думаю,скорей всего это вряд ли осуществимо в мобильной версии...но всё таки решил спросить, вдруг да есть решение...

1007
BETEPAH @BETEPAH
serega18 пишет:

Уважаемый Ветеран,а не смогли ли Вы подсказать как сделать(если конечно это возможно) чтобы в мобайл версии поддерживался и градиентный текст, коий участники покупают чрез вирт-магазин...Думаю,скорей всего это вряд ли осуществимо в мобильной версии...но всё таки решил спросить, вдруг да есть решение...

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

Отредактировано BETEPAH - 09.02.2012
230
serega18 @serega18
Подставил этот код в мобильную...не пашет...чат не грузиться вообще( Да граф ники и не нужны в мобильной...хотя бы только чтоб градиент бы поддерживался...а то графы тока трафик канать в мобилке...Хорошо что я таки исходник скопировал)

Отредактировано serega18 - 09.02.2012
1007
BETEPAH @BETEPAH
serega18 пишет:

Подставил этот код в мобильную...не пашет...чат не грузиться вообще( Да граф ники и не нужны в мобильной...хотя бы только чтоб градиент бы поддерживался...а то графы тока трафик канать в мобилке...Хорошо что я таки исходник скопировал)

Адрес чата можно?