Возможности:
* Множество смайликов
* Выбор настроения
* Настройка цвета текста
* Выбор цвета рамки сообщения
* Различные цвета Вашего ника
* Редактирование и удаление сообщений на этой же странице
* Отправка ЛС прямо из чата
* Проверка статуса отправителя сообщения
* Выбор автообновления чата
* Показ количества оставшихся символов
Установка очень проста.
Этот код вставьте в Вид материалов Мини-чата:
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
redbluegreenorangegrayaquapink">
<div style="float:right;font-size:10px;">$DATE$ в $TIME$</div>
<div style="text-align:left;">
<img
alt=""
src="http://trane73.ru/demo/mchat/su.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:
redbluegreenorangegrayaquared">$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:
redbluegreenorangegrayaquablack"></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">
<div align="center" style="padding:15px 0;font-size:12pt;">
<a href="$LOGIN_LINK$">Для добавления
необходима авторизация</a>Доступ
запрещен<br /></div>
<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>
</div>
<script type="text/javascript">
trane73.infa();
trane73.smiles();
</script>
Заходите на персональную страницу и вставляете после <body> это:
Code
<span
style="display:none"><span id="checka"> -
<span
class="statusOnline">Online</span>$_STATUS$</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>
<br /><br />
<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>
<br /><br />
</center></div>
Комментарии: