Я сверстал вторую версию мини-чата! В этой версии убрана кнопка ОК(добавление производится нажатием Ctrl+Enter), красивый вид окна мини-чата, Добавлены функции смайлов, BB-кодов, и ещё, а чтобы получить к ним доступ нужно ввести 1 из команд(с соблюдением регистра): !настройки - появляется окно с возможностью редактирования и удаления каждого сообщения. !смайлы - открывается окно со списком всех смайлов. !BB-коды - название говорит само за себя . !очистка - быстрая очистка мини-чата от всех сообщений. !голос - появляется окно с возможностью голосового ввода.
Ну с приступим к установке: 1. Создаем глобальный блок и называем его: COMANDS , и вставляем в него этот код:
Code
<script type="text/javascript"> $('#message').keyup(function(){ var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата. if(feild == '!смайлы'){ // new _uWnd('smiles','Все смайлы', 200, 450, {autosize:0,closeonesc:1,resize:0},{url:'/index/35-17-0'}); }; }); </script>
<script type="text/javascript"> $('#message').keyup(function(){ var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата. if(feild == '!bb-коды'){ // new _uWnd('bbcodes','BB-коды', 550, 700, {autosize:0,closeonesc:1,resize:0},'<div id="bbcodes"><iframe src="http://gdz-all.ucoz.com/index/17" frameborder="0" width="520px" height="650px"></iframe></div>'); }; }); </script>
<script type="text/javascript"> $('#message').keyup(function(){ var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата. if (feild == '!очистка'){ // !help - запрос в поле чата. _uWnd.alert($('#chat_clean').html(),'Очистить мини-чат',{w: 250,h: 99,tm: 30000,}); $('#message').val(''); } }); </script> <div style="display:none" id="chat_clean"> <div class="mince"> <a href="javascript://" onclick="new _uWnd('del_chat','Очистка Мини-чата', 350, 130, {alert:1,autosize:0,modal:1,resize:0,nomove:1,max:0,fadespeed:500,align:0,oncontent:function(){del0()}},'<center><div class=\'del_c\'><div class=\'del_dels\'>Удалено: 0</div><div class=\'del_num\'>Всего сообщений: <span id=\'num\'></span></div><center><div class=\'del_chat\'></div><div class=\'del_time\'></div></center></div><div id=\'del_ok\'>Очистка успешно завершена</div><div id=\'del_error\'>Мини-чат пуст!</div><div id=\'del_enter\'><input type=\'button\' onclick=\'del1()\' value=\'Начать очистку\' /></div></center>');">Очистка Мини-чата</a> <style type="text/css"> .delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */ .delete_chats {padding:1px;background:#c0c0c0;height:13px;} /* стиль полоски прогресс-бара (главное цвет) */ #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */ #del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */ #del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */ .del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */ .del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */ </style> <script type="text/javascript" src="http://trane73.ru/demo/js/trane73.del.js"></script> </div>
<script type="text/javascript"> $('#message').keyup(function(){ var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата. if (feild == '!голос'){ // !help - запрос в поле чата. _uWnd.alert($('#golos').html(),'Голосовой ввод',{w: 250,h: 99,tm: 30000000,}); $('#message').val(''); } }); </script> <div style="display:none" id="golos"> Скопируйте этот текст в поле ввода сообщения:<br> <input x-webkit-speech="" speech="" name="q" maxlength="30" size="20" class="queryField" /> </div>
<script type="text/javascript"> $('#message').keyup(function(){ var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата. if(feild == '!настройки'){ // new _uWnd('nastroyki','Настройки', 330, 500, {autosize:0,closeonesc:1,resize:0},'<div id="nastroyki"><iframe src="/mchat/0-1" frameborder="0" width="300px" height="450px"></iframe></div>'); }; }); </script>