Новый мини-чат с множеством функций by TRANE73
19:47
Новый мини-чат с множеством функций by TRANE73

Возможности:
* Множество смайликов
* Выбор настроения
* Настройка цвета текста
* Выбор цвета рамки сообщения
* Различные цвета Вашего ника
* Редактирование и удаление сообщений на этой же странице
* Отправка ЛС прямо из чата
* Проверка статуса отправителя сообщения
* Выбор автообновления чата
* Показ количества оставшихся символов

Установка очень проста.

Этот код вставьте в Вид материалов Мини-чата:

Code
<script type="text/javascript" src="http://trane73.ru/demo/mchat/chatik.js"></script>
<link type="text/css" rel="StyleSheet" href="http://s49.ucoz.net/src/layer4.css" />
<div style="padding:4px;margin:4px;border: 1px solid <;?if(substr($MESSAGE$,2,1)='1')?>red<?else?><?if(substr($MESSAGE$,2,1)='2')?>blue<?else?><?if(substr($MESSAGE$,2,1)='3')?>green<?else?><?if(substr($MESSAGE$,2,1)='4')?>orange<?else?><?if(substr($MESSAGE$,2,1)='5')?>gray<?else?><?if(substr($MESSAGE$,2,1)='6')?>aqua<?else?>pink<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>">
<div style="float:right;font-size:10px;">$DATE$ в $TIME$</div>
<div style="text-align:left;">
<img alt="" src="http://trane73.ru/demo/mchat/<?if(substr($MESSAGE$,3,1)!='0')?>s<?substr($MESSAGE$,3,1)?><?else?>u<?endif?>.png" border="0" style="vertical-align:-4px" />
<a href="javascript://" onclick="$('#upanel$NUMBER$').slideToggle('fast');$('#umess$NUMBER$').slideToggle('fast')" style="text-decoration:none"><b style="color: <;?if(substr($MESSAGE$,1,1)='1')?>red<?else?><?if(substr($MESSAGE$,1,1)='2')?>blue<?else?><?if(substr($MESSAGE$,1,1)='3')?>green<?else?><?if(substr($MESSAGE$,1,1)='4')?>orange<?else?><?if(substr($MESSAGE$,1,1)='5')?>gray<?else?><?if(substr($MESSAGE$,1,1)='6')?>aqua<?else?>red<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>">$NAME$</b></a> [<a href="javascript://" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]{$NAME$}[/b]: ';return false;">Ответить</a>]
</div>
<div class="cMessage" style="text-align:left;"><div id="upanel$NUMBER$" style="display:none;"><a href="$PROFILE_URL$" title="$USERNAME$">Профиль</a> | <a href="javascript://" onclick="trane73.ls('$USERNAME$')">Отправить сообщение</a> | <a href="javascript://" onclick="trane73.checka('$USERNAME$','#ch$NUMBER$')">Проверить статус</a><span id="ch$NUMBER$"></span></div><div id="umess$NUMBER$" style="color: <;?if(substr($MESSAGE$,0,1)='1')?>red<?else?><?if(substr($MESSAGE$,0,1)='2')?>blue<?else?><?if(substr($MESSAGE$,0,1)='3')?>green<?else?><?if(substr($MESSAGE$,0,1)='4')?>orange<?else?><?if(substr($MESSAGE$,0,1)='5')?>gray<?else?><?if(substr($MESSAGE$,0,1)='6')?>aqua<?else?>black<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>"><?substr($MESSAGE$,4)?></div></div>
</div>

В форму добавления.
Code
<script type="text/javascript" src="http://trane73.ru/demo/mchat/chatik.js"></script>
<div style="border-top:1px solid pink;padding:3px;" class="cha">
<?if(!$CAN_ADD$)?><div align="center" style="padding:15px 0;font-size:12pt;">
<?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?>
</div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td>  
Еще символов: $LENGTH_COUNTER$ |  
<a href="$RELOAD_URI$" title="Обновить">Обновить</a> |  
<a href="javascript://" onclick="$('#smile').slideToggle('fast')" title="Смайлы">Смайлы</a> |  
<a href="javascript://" onclick="$('#chatik').slideToggle('fast');$('#moder').slideToggle('fast')" title="Модерирование">Модерирование</a> |
<a href="javascript://" onclick="$('#settings').slideToggle('fast')" title="Настройки">Настройки</a>  
</td><td width="20%" align="right">$FLD_AUTOUPD$</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td width="85%"><input id="mchatMsgF" onkeyup="countMessLength();" style="height:19px;width:500px;"></td>
<td><input type="button" value="Отправить" id="mchatBtn" onclick="trane73.sendch()" style="width:100px;"><img style="display:none;" id="mchatAjax" src="http://s44.ucoz.net/img/fr/ajax3.gif" border="0"/></td></tr></table>
<?endif?></div>
<script type="text/javascript">
trane73.infa();
trane73.smiles();
</script>

Заходите на персональную страницу и вставляете после это:
Code
<span style="display:none"><span id="checka"> - <?if($_IS_OWN_PROFILE$)?><span class="statusOnline">Online</span><?else?>$_STATUS$<?endif?></span></span>

Теперь создаёте новую страницу и вставляете в неё вот это:
Code
<div style="border:1px solid pink" id="chatik">$CHAT_BOX$</div>
<div style="border:1px solid pink;display:none" id="moder"><iframe id="mchatka" src="/mchat/0-1" frameborder="0" width="100%" height="400px"></iframe>
<center>



<a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatka').src='/mchat/0-1';return false;" title="Обновить">Обновить</a> | <a href="javascript://" onclick="$('#chatik').slideToggle('fast');$('#moder').slideToggle('fast')" title="Закрыть модерирование">Закрыть модерирование</a>



</center></div>

Вот и всё! =)

ДЕМО

Не забудьте отключить каптчу для пользователей и разрешить им редактировать и удалять свои сообщения.

Категория: Скрпты | Просмотров: 489 | Добавил: Макс | Теги: Мини-чат, TRANE73, by, функций, множеством, Новый | Рейтинг: 0.0/0

Html код на новость: BBcode на новость: Ссылка на новость:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]