Мини-чат в ajax окне в стиле uCoz by webo4ka v2.0


Мини-чат в ajax окне в стиле uCoz by webo4ka v2.0

1852
8.2 из 10
Проголосовало: 8






И так, вот решил я усовершенствовать свой прошлый скрипт, но как мы все догадались, это Мини-чат в ajax окне в стиле uCoz by webo4ka. Эта версия более усовершенствованна, ну во-первых, я сделал новые иконки, которые уже более понятны, теперь подробнее:

Кнопка ножницы, она будет появляться только у группы: "Администратор", при нажатии на неё, в левом углу откроется ajax в котором можно будет удалять сообщения, так же там есть кнопка обновить, это на тот случай если после удаления всех сообщений в чат кто-то снова добавил сообщение, а вы хотите чтоб чат был пуст, просто нажмете кнопку обновить и увидите есть новые сообщения или нет.
Далее, Кнопка B, она вызывает ajax окно, в котором будут bb-коды, при нажатии на один из bb-кодов он вставится в мини-чат, так же в этом окне есть кнопка color, при нажатии на неё, в этом же окне откроются цвета, при выборе одного из цветов он вставится в мини-чат, а окно закроется.
Ну далее кнопка смайлов, при нажатии на неё откроется стандартное окно смайлов.
И добавлена еще кнопка пред просмотр, взятая из данного материала.
И еще кнопка обновить, она просто обновляет чат.

При закрытии окна мини-чата, закрываются все окна которые были открыты, и в правом нижнем углу появляется окошко, которое сообщает, что вы закрыли чат)).

Еще оформил более красивее вид материалов и добавлена функция цитирования ника, при нажатии на текст оставленный пользователем, и о том что вы цитируете какого-то пользователя, вы узнаете при открытии ajax окошка. Ну а форме добавления сообщений добавил вашу аватарку рядом с полем добавления комментариев.

Во общем вроде бы всё.

Установка:

1) Вставляем данный код перед </body>

Code
<div id="bb_kodi_color_webo4ka_ru" style="display:none;">  
<fieldset>
<div style="width:90%; background: none; float:right;">
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#800000][/color]';return false;" class="webo4ka_color" style="background: rgb(128, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Коричнево-малиновый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#8b4513][/color]';return false;" class="webo4ka_color" style="background: rgb(139, 69, 19) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Коричный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#006400][/color]';return false;" class="webo4ka_color" style="background: rgb(0, 100, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Травяной"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#2f4f4f][/color]';return false;" class="webo4ka_color" style="background: rgb(47, 79, 79) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Аспидно-серый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#000080][/color]';return false;" class="webo4ka_color" style="background: rgb(0, 0, 128) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Темно-синий"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#4b0082][/color]';return false;" class="webo4ka_color" style="background: rgb(75, 0, 130) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Индиго"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#800080][/color]';return false;" class="webo4ka_color" style="background: rgb(128, 0, 128) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Фиолетово-баклажанный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#000000][/color]';return false;" class="webo4ka_color" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Черный"></a>
<br>
<br>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ff0000][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Красный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#daa520][/color]';return false;" class="webo4ka_color" style="background: rgb(218, 165, 32) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Золотисто-березовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#6b8e23][/color]';return false;" class="webo4ka_color" style="background: rgb(107, 142, 35) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Нежно-оливковый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#708090][/color]';return false;" class="webo4ka_color" style="background: rgb(112, 128, 144) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Серого шифера"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#0000cd][/color]';return false;" class="webo4ka_color" style="background: rgb(0, 0, 205) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Персидский синий"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#483d8b][/color]';return false;" class="webo4ka_color" style="background: rgb(72, 61, 139) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Темно-фиолетовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#c71585][/color]';return false;" class="webo4ka_color" style="background: rgb(199, 21, 133) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Фиолетово-красный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#696969][/color]';return false;" class="webo4ka_color" style="background: rgb(105, 105, 105) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Серый"></a>
<br>
<br>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ff4500][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 69, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Киноварь"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ffa500][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 165, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Оранжевый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#808000][/color]';return false;" class="webo4ka_color" style="background: rgb(128, 128, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Оливковый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#4682b4][/color]';return false;" class="webo4ka_color" style="background: rgb(70, 130, 180) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Синей стали"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#1e90ff][/color]';return false;" class="webo4ka_color" style="background: rgb(30, 144, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Защитно-синий"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#9400d3][/color]';return false;" class="webo4ka_color" style="background: rgb(148, 0, 211) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Ярко-фиолетовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ff1493][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 20, 147) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Фиолетово-красный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#a9a9a9][/color]';return false;" class="webo4ka_color" style="background: rgb(169, 169, 169) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Светло-серый"></a>
<br>
<br>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ff6347][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 99, 71) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Коралловый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ffd700][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 215, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Золотистый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#32cd32][/color]';return false;" class="webo4ka_color" style="background: rgb(50, 205, 50) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Вердепомовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#87ceeb][/color]';return false;" class="webo4ka_color" style="background: rgb(135, 206, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Бледно-васильковый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#00bfff][/color]';return false;" class="webo4ka_color" style="background: rgb(0, 191, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Небесный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#9370db][/color]';return false;" class="webo4ka_color" style="background: rgb(147, 112, 219) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Аметистовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ff69b4][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 105, 180) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Темно-розовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#dcdcdc][/color]';return false;" class="webo4ka_color" style="background: rgb(220, 220, 220) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Бороды Абдель-Керима"></a>
<br>
<br>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ffdab9][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 218, 185) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Темно-персиковый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ffffe0][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 255, 224) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Слоновой кости"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#98fb98][/color]';return false;" class="webo4ka_color" style="background: rgb(152, 251, 152) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Салатовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#e0ffff][/color]';return false;" class="webo4ka_color" style="background: rgb(224, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Белый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#87cefa][/color]';return false;" class="webo4ka_color" style="background: rgb(135, 206, 250) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Небесный"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#e6e6fa][/color]';return false;" class="webo4ka_color" style="background: rgb(230, 230, 250) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Лавандовый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#dda0dd][/color]';return false;" class="webo4ka_color" style="background: rgb(221, 160, 221) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Глициниевый"></a>
<a type="button" href="javascript:void('Apply to')" onclick="color_vstavlen_webo4ka_ru(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=#ffffff][/color]';return false;" class="webo4ka_color" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Белый"></a>
<br>
</div>
<style>.webo4ka_color {display:block; width:55px; height:55px; float:left; border:1px solid #fff; margin:1px;} .webo4ka_color:hover {border:1px solid #0998d4;}</style>
</fieldset>
</div>

<div id="bb_kodi_webo4ka_ru" style="display:none;">  
<table><tr>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('b');" style="margin:3px"><b>B</b></a> </div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('i');" style="margin:3px"><i>I</i></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('u');" style="margin:3px"><u>U</u></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('s');" style="margin:3px"><s>S</s></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('o');" style="margin:3px"><o>O</o></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('l');" style="margin:3px"><l>I</l></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('c');" style="margin:3px"><c>C</c></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('r');" style="margin:3px"><r>R</r></a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('img');" style="margin:3px">[img]</a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('code');" style="margin:3px">[code]</a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('quote');" style="margin:3px">[quote]</a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="bbCode('spoiler');" style="margin:3px">[spoiler]</a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
<td><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc"><a href="javascript://" onclick="tag_url1('mchatMsgF','')" style="margin:3px">Ссылка</a></div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></td>
</tr></table>
</div>

<script type="text/javascript">
function mchat_webo4ka_ru(){new _uWnd('mchat','Мини-чат',300,100,{onclose:function(){content: 'onclick="_uWnd.close(\'Sml\')"'},customButtons: {<?if($GROUP_ID$='4')?>'ypravlenie_cmc': [true, function (){new _uWnd("cmc","Управление сообщениями",340,340,{x: _uWnd.getdims().clientW - 1211, y: _uWnd.getdims().clientH - 353, customButtons: {'obnoviti': [true, function (){new _uWnd("cmc","Управление сообщениями",340,340,{x: _uWnd.getdims().clientW - 353, y: _uWnd.getdims().clientH - 353,},'<iframe src="/mchat/0-1" height="290px"></iframe>');}]}, alert: 1, autosize: 1, fixed: 1, resize: 0, fadetype: 1, fadespeed: 400, fadeclosetype: 1, fadeclosespeed: 400,},'<iframe src="/mchat/0-1" height="290px"></iframe>');}],<?endif?> 'bb-kodi': [true,function(){bb_kodi_webo4ka_ru()}], 'smaili': [true, function (){new _uWnd('Sml',' ',-250,-350,{x: _uWnd.getdims().clientW - 1100, y: _uWnd.getdims().clientH - 828, alert:1, autosize:0,closeonesc:1,resize:0},{url:'/index/35-2-2'});return false;}], 'predprosmotr': [true,function(){predprocmotr_coobchenii_mchat_webo4ka()}], 'obnoviti': [true,function(){mchat_webo4ka_ru()}], }, autosize: 1, resize: 1, min: 1, max: 1, fadetype: 1, fadespeed: 400, fadeclosetype: 1, fadeclosespeed: 400, onclose:function() { _uWnd.close('bb-kodi'),_uWnd.close('Sml'),_uWnd.close('cmc'),_uWnd.close('name1'),_uWnd.alert('<font color="green"><b>Вы закрыли мини-чат</b></font>', 'Капитан Очевидность', {w: 270,h: 70,t: 8000});}}, $("#mchat_webo4ka_ru").html());}
function bb_kodi_webo4ka_ru(){new _uWnd("bb-kodi","BB-коды",10,10,{x: _uWnd.getdims().clientW - 565, y: _uWnd.getdims().clientH - 833, customButtons: {'bb-kodi': [true,function(){bb_kodi_webo4ka_ru()}], 'bb-kodi-color': [true,function(){bb_kodi_color_webo4ka_ru()}], },alert:1, fadespeed:777,},$("#bb_kodi_webo4ka_ru").html());}
function bb_kodi_color_webo4ka_ru(){new _uWnd("bb-kodi","",10,10,{alert:1},$("#bb_kodi_color_webo4ka_ru").html());}
function color_vstavlen_webo4ka_ru() {_uWnd.alert('<font color="green"><b>Цвет вставлен в "Форма добавления сообщений" мини-чата</b></font>', 'Капитан Очевидность', {w: 270,h: 70,t: 8000});_uWnd.close('bb-kodi');}
</script>
   
<style>
.xt{position:relative;overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(http://webo4ka.ru/Ucoz5/webo4ka_chat_mi/mini-chat_v_stile_ucoz_by_webo4ka_ru.png) no-repeat;margin-left:2px;margin-top:4px;}
.xt-close{background-position:0 0;} .xt-close-over{background-position:-15px 0;}
.xt-mini{background-position:0 -15px;} .xt-mini-over{background-position:-15px -15px;}
.xt-maxi{background-position:0 -30px;} .xt-maxi-over{background-position:-15px -30px;}
.xt-rest{background-position:0 -45px;} .xt-rest-over{background-position:-15px -45px;}
.xt-obnoviti{background-position:0 -225px;} .xt-obnoviti-over{background-position:-15px -225px;}
.xt-smaili{background-position:0 -390px;} .xt-smaili-over{background-position:-15px -390px;}
.xt-bb-kodi{background-position:0 -345px;} .xt-bb-kodi-over{background-position:-15px -345px;}
.xt-bb-kodi-color{background-position:0 -405px;} .xt-bb-kodi-color-over{background-position:-15px -405px;}
.xt-ypravlenie_cmc{background-position:0 -360px;} .xt-ypravlenie_cmc-over{background-position:-15px -360px;}
.xt-predprosmotr{background-position:0 -330px;} .xt-predprosmotr{background-position:-15px -330px;}
</style>


2) Кнопку вызова окна ставите куда вам будет угодно:

Code
<a href="javascript://" onclick="mchat_webo4ka_ru();">Мини-чат</a>


3) Вид материалов заменяем на это:

Code
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg" style="background-color:#fff;">  
<div>
<div style="float:right;font-size:9px;" title="$DATE$">$TIME$</div>  
<div style="text-align:left; margin:0px;">  

<table cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<?if($AVATAR_URL$)?>
<div class="xw-mr"><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="$AVATAR_URL$" border="0" width="40px" /></a></div><div class="xw-br"></div>
<?else?>
<div class="xw-mr"><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png" border="0" width="40px"></a><?endif?></div><div class="xw-br"><div class="xw-bc"></div></div><br>
</td>

<td width="100%" style="padding:5px;" valign="top" onclick="webo4ka_ru_$NUMBER$(),parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">$MESSAGE$</td>
</tr></table>

</div>  
</div>  
</div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
<link id="link_layer" type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/layer3.css" />  
<br>
<script>function webo4ka_ru_$NUMBER$() {_uWnd.alert('<font color="green">Вы цитируете <b><i>"$USERNAME$"</i></b></font>', '', {autosize:1, w: 170,h: 35,tm: 2000});}</script>
<link id="link_layer" type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/layer3.css" />  


4) Форму добавления сообщения меняете на это:

Code
<?if(!$CAN_ADD$)?>
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg" style="background-color:#fff;">
<div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div>
</div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>
<?else?>

<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="0" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>

<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg" style="background-color:#fff;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding:0px !important;">
<tr>
<td>
<div id="ava_webo4ka_ru$NUMBER$"></div><script type="text/javascript">$('#ava_webo4ka_ru$NUMBER$').load('/index/8-$USER_ID$ #ava');</script>
</td>
<td>$FLD_MESSAGE$</td>
<td>
<div class="xw-ml" style="cursor: default !important;"> <input type="submit" value="OK" class="mchat" id="mchatBtn" style="cursor:pointer"/><div style="display: none" id="mchatAjax"></div></div>  
</td>
</tr></table>
</div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  

<style>
#mchatBtn{width:40px; height:40px; background:none; border:0px; color: #999; font-weight: bold; text-shadow: 1px 1px 1px #fff;}
#mchatMsgF{border:0px}
</style>
<script type="text/javascript" src="http://webo4ka.ru/webo4ka/js/bb_kodi_mini_chat.js"></script>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz5/predprocmotr_coobchenii_mchat_webo4ka.js"></script>
<?endif?>


5) На персанальную страницу после <body>

Code
<div style="display:none;"><div id="ava"><?if($_AVATAR$)?><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0" width="40px" /><?else?><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka2/net_avatara.png" border="0" width="40px"><?endif?></div></div>


p.s. Советую в мини-чате отключить капчу для пользователей и использовать этот мини-чат, у кого стандартный вид ajax окон, на другом виде кнопки могут полететь

готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 7

BLAzER
-1
BLAzER написал: Написано 04 Марта 2012 в 00:07
Комментарий №6
А че на форуме не работает?

Вовчик
0
Вовчик написал: Написано 03 Февраля 2016 в 14:08
Комментарий №7
а должен?)

Estwood
+2
Estwood написал: Написано 03 Марта 2012 в 00:11
Комментарий №3
перевод : "Myşatinu *" - " Рекомендую паставить первый код в глобалном блоке " biggrin

Вовчик
-1
Вовчик написал: Написано 03 Марта 2012 в 00:18
Комментарий №4
то что он написал я понял, а вот что он имел ввиду под первым кодом... happy

Myşatinu
-2
Myşatinu написал: Написано 02 Марта 2012 в 19:25
Комментарий №1
Rekamenduiu pastaveti pervai kod v glabalnam bloke smile

Вовчик
+3
Вовчик написал: Написано 02 Марта 2012 в 23:18
Комментарий №2
surprised что?

POZ1TIV4IK
-3
POZ1TIV4IK написал: Написано 03 Марта 2012 в 06:14
Комментарий №5
Он пишет: Рекомендую поставить первый код в глобальный блог smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 8
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: