Главная » 2011 » Май » 1 » Новый мини-чат с множеством функций by TRANE73 (Скрипты для ucoz)
01.05.2011, 02:12

Новый мини-чат с множеством функций 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?><br /></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>

Заходите на персональную страницу и вставляете после <body> это:

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>
<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>

Вот и всё! =)

ДЕМО

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

Автор: TRANE73

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: trane73.ru
Категория: Скрипты uCoz | Просмотров: 4073 | Добавил: TRANE73 | Рейтинг: 5.0/3 |
Теги: мини-чат
Всего комментариев: 9 1 2 »
0  
1 Sini26   (01.05.2011 12:40) [Материал]
Аватар пользователя
Мини чат не подайдет для серьезных тематик сайта. Только для детских каких не будь smile

+1  
2 antisept -Infoscript Team-  (01.05.2011 15:31) [Материал]
Аватар пользователя
Стиль всегда настроить можно. Главное - функции!

0  
3 TRANE73   (01.05.2011 21:39) [Материал]
Аватар пользователя
ага
из за подсветки кода перед условными операторами вставляется ;
везде заменяйте <;? на <?

+1  
4 Dimsan   (02.05.2011 13:06) [Материал]
Аватар пользователя
Ну как то нужно подсобрать его, а то скрипт на одном сайте, стили на другом, смайлы на третьем а кртинки вообще на четвертом, выйди из строя хоть один и все перекосит.

0  
5 Dimsan   (05.05.2011 10:51) [Материал]
Аватар пользователя
Первая же вставка кода
Не закрыт один или более условный оператор (<?if?>)

0  
6 antisept -Infoscript Team-  (06.05.2011 10:58) [Материал]
Аватар пользователя
Проверьте сейчас

0  
7 Dimsan   (06.05.2011 11:46) [Материал]
Аватар пользователя
Да разобрался

0  
8 Esteban   (13.05.2011 21:02) [Материал]
Аватар пользователя
Вопрос первый: при вводе сообщения при помощи Enter при первой загрузке страницы выводит: Поле сообщения не заполненно. А далее при нажатии Enter копирует предыдущее сообщение, введённоё пуском.

Вопрос второй - не нашёл - где поменять дизайт данного чата.

Если поможете - буду очень благодарен.


1-6 7-7
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]