Мини-чат на ajax

Статус
В этой теме нельзя размещать новые ответы.
V

Vitalch

Гость
Код:
<!-- IF LOGGED_IN -->
<script type="text/javascript">
    ajax.chat_message = function(mode) {
      ajax.exec({
        action : 'chat_message',
        mode : mode,
        message : $('#message').val()
      });
    };
    ajax.callback.chat_message = function(data) {
      if(data.message)
      {
        $('#chat').show();
        $('#message').attr('value', '');
        $('#chat').html(data.message);
        initPostBBCode('#chat');
      }
    };
    function submit_click(e) {
      e = e || window.event;
      if (e.keyCode == 13 && e.ctrlKey) {
        submit_chat();
      };
    }
    function add_nick(text){
      $('#message').attr('value', $('#message').val() + text +' ');
      $('#message').focus();
    }
    $(document).ready(function(){ajax.chat_message(2);});
    setInterval(function(){ajax.chat_message(2);}, 60000);
  </script>
  <style type="text/css">
  #chat { overflow: auto; width: 850px; height: 300px; }
  .chat-comment {
    margin: 3px;
    padding: 4px;
    border: solid 1px #F9FCFF
    background-color: #AED7FF;
  }
  textarea.chat_message {
    height: 50px; width: 845px;
    border-radius: 0px;
    -moz-border-radius: 11px;
    font-size: 11px;
  }
  .chat_btn {
    border: 1px solid #0080FF;
    padding: 2px;
    background-color: #F9FCFF;
    font-size: 10px;
    font-weight: bold;
cursor:pointer;
  }
  .chat_btn:hover { color: #0080FF; }
 
'shout_del' => array('mod'),
 
  $post_delete =($userdata['user_level'] == 1 || $userdata['user_level'] == 2) ? '<img src="images/shout_delete.gif" title="Удалить сообщение" alt="Удалить" class="clickable" onclick="ajax.shout_del('.$shout_row['shout_id'].'); ajax.chat_message(2); return false;" style="float:right">&nbsp;' : '';
 
function shout_del()
{
global $bb_cache;
$id = (int) $this->request['id'];
DB()->query("DELETE FROM bb_shout WHERE shout_id = $id");
$this->response['id'] = $id;
CACHE('bb_cache')->rm('shout_data');
}
  </style>
 
 
<div class="category">
    <h3 class="cat_title">&#x0427;&#x0430;&#x0442;</h3>
<div class="buttons mrg_4">
    <input type="button" class="chat_btn" value=" B " name="codeB" title="Bold (Ctrl+B)" style="font-weight: bold; width: 30px;" />
    <input type="button" class="chat_btn" value=" i " name="codeI" title="Italic (Ctrl+I)" style="width: 30px; font-style: italic;" />
    <input type="button" class="chat_btn" value=" u " name="codeU" title="Underline (Ctrl+U)" style="width: 30px; text-decoration: underline;" />
    <input type="button" class="chat_btn" value=" s " name="codeS" title="Strikeout (Ctrl+S)" style="width: 30px; text-decoration: line-through;" />&nbsp;&nbsp;
    <input type="button" value="Quote" name="codeQuote" title="Цитата" style="width: 60px;"/>
 
<input type="hidden" name="codeUrl2"/>
<select name="codeColor" class="chat_btn">
<option style="color: black; background: #fff;" value="black" selected="selected">{L_QR_COLOR_SEL}:</option>
<option style="color: darkred;" value="darkred">&nbsp;{L_COLOR_DARK_RED}</option>
<option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>
<option style="color: #996600;" value="#996600">&nbsp;{L_COLOR_ORANGE}</option>
<option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>
<option style="color: #993399;" value="#993399">&nbsp;{L_COLOR_VIOLET}</option>
<option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option>
<option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>
<option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
<option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>
<option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
<option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
<option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
<option style="color: #006699;" value="#006699">&nbsp;{L_COLOR_STEEL_BLUE}</option>
</select>
 
<select name="codeAlign" class="chat_btn">
<option value="left" selected="selected">Расположение:</option>
<option value="left">&nbsp;Слева</option>
<option value="right">&nbsp;Справа</option>
<option value="center">&nbsp;По центру</option>
<option value="justify">&nbsp;Выровнять</option>
</select>
 
 
 
</div>
 
      <div class="cat_footer"></div>
<div class="category">
<input type="button" class="chat_btn" style="width: 75px; color: green;" value="&#x0421;&#x043C;&#x0430;&#x0439;&#x043B;&#x0438;&#x043A;&#x0438;" onclick="window.open('posting.php?mode=smilies', '_phpbbsmilies', 'height=540, resizable=yes, scrollbars=yes ,width=620'); return false;" title="Смайлики";/>
 
<input type="button" class="chat_btn" style="width: 75px; color: #996600;" value="&#x041E;&#x0431;&#x043D;&#x043E;&#x0432;&#x0438;&#x0442;&#x044C;" onclick="ajax.chat_message(2); return false;" title="Обновить чат"/>
 
<input type="button" class="chat_btn" style="width: 25px; color: red;" value="X" onclick="$('#message').attr('value', ''); $('#message').focus();" title="Очистить"/>
 
<input type="button" class="chat_btn" style="width: 75px; color: #006699;" value="&#x041E;&#x0442;&#x043F;&#x0440;&#x0430;&#x0432;&#x0438;&#x0442;&#x044C;" onclick="ajax.chat_message(1); return false;" title="Отправить сообщение"/>
</div>
<div class="cat_footer"></div>
      <div class="f_tbl_wrap pad_4 tcenter">
        <form name="post">
        <textarea onkeydown="submit_click(event)" id="message" class="chat_message"></textarea>
<div class="clear"></div>
<div class="spacer_2"></div>
        <div id="chat" class="tLeft hidden"></div>
        </form>
      </div>
    <div class="cat_footer"></div>
  </div>
<!-- ENDIF -->
 
 
    <script type="text/javascript">
    var bbcode = new BBCode("message");
    var ctrl = "ctrl";
    bbcode.addTag("codeB", "b", null, "B", ctrl);bbcode.addTag("codeI", "i", null, "I", ctrl);bbcode.addTag("codeU", "u", null, "U", ctrl);bbcode.addTag("codeS", "s", null, "S", ctrl);
    bbcode.addTag("codeImg", "img", null, "R", ctrl);bbcode.addTag("codeUrl", "url", "/url", "", ctrl);bbcode.addTag("codeUrl2", "url=", "/url", "W", ctrl);
    bbcode.addTag("codeColor", function(e) { var v=e.value; e.selectedIndex=0; return "color="+v }, "/color");bbcode.addTag("codeAlign", function(e) { var v=e.value; e.selectedIndex=0; return "align="+v }, "/align");
    </script>
Это код чата.
 
B

Bustra

Гость
Vitalch, хоть смотри куда кидаешь то , думать вообще то надо головой. Как я разница чем ты кушаешь ртом или жопой. Разница то есть. Подсказка если ббкоды это js то туда и надо, а не в css
 
V

Vitalch

Гость
Без оскорблений ни как?Втыкал этот коду уже незнаю куда,bbcode.js, bbcode.tpl, ajax.php, index.php, index.tpl нигде не работает.
Подскажите куда воткнуть именно.И что нужно сделать, после того когда вставил в нужное место.Чтоб заработало.
 
B

Bustra

Гость
PHP:
<script type="text/javascript">
    ajax.chat_message = function(mode) {
      ajax.exec({
        action : 'chat_message',
        mode : mode,
        message : $('#message').val()
      });
    };
    ajax.callback.chat_message = function(data) {
      if(data.message)
      {
        $('#chat').show();
        $('#chat').html(data.message);
        initPostBBCode('#chat');
      }
    };
    function submit_click(e) {
      e = e || window.event;
      if (e.keyCode == 13) {
        ajax.chat_message(1);
        $('#message').attr('value', ''); $('#message').focus();
      };
    }
    function add_nick(text){
      $('#message').attr('value', $('#message').val() + text +' ');
      $('#message').focus();
    }
ajax.shout_del = function(id) {
ajax.exec({
action : 'shout_del',
id : id
});
};
ajax.callback.shout_del = function(data) {
var id = data.id;
$('td#shout_'+id).hide("slow");
ajax.chat_message(2); return false;
};
    $(document).ready(function(){ajax.chat_message(2);});
    setInterval(function(){ajax.chat_message(2);}, 30000);
  </script>
  <table height="420" width="100%" cellpadding="0" cellspacing="0">
  <tr valign="top">
  <td>
  <div class="category" style="background-color:#EFEFEF">
    <h3 class="cat_title tCenter"><a href="viewtopic.php?t=6" style="color: #993300 !important;" target="_blank">Набор модераторов. Заявки</a></h3>
      <div class="cat_footer"></div>
      <div class="f_tbl_wrap pad_4 tCenter">
        <!-- IF LOGGED_IN -->
        <form name="post">
        <textarea onkeydown="submit_click(event)" id="message" class="chat_message"></textarea>
        <span class="floatL pad_4">
        <input type="button" class="chat_btn" value="Ж" name="codeB" title="Жирный (Ctrl+B)" style="font-weight: bold;" />
        <input type="button" class="chat_btn" value="К" name="codeI" title="Курсив (Ctrl+I)" style="font-style: italic;" />
        <input type="button" class="chat_btn" value="П" name="codeU" title="Подчёркнутый (Ctrl+U)" style="text-decoration: underline;" />
        <input type="button" class="chat_btn" value="З" name="codeS" title="Зачёркнутый (Ctrl+S)" text-decoration: "line-through;" />
        <input type="button" class="chat_btn" value="Ссылка" name="codeUrl2" title="Ссылка (Ctrl+W)" style="text-decoration: underline;"/>
        </span>
<script type="text/javascript">
var bbcode = new BBCode("message");
var ctrl = "ctrl";
bbcode.addTag("codeB", "b", null, "B", ctrl);
bbcode.addTag("codeI", "i", null, "I", ctrl);
bbcode.addTag("codeU", "u", null, "U", ctrl);
bbcode.addTag("codeS", "s", null, "S", ctrl);
bbcode.addTag("codeUrl2", "url=", "/url", "W", ctrl);
</script>
        <span class="floatR pad_4" >
            <input type="button" onclick="ajax.chat_message(1); $('#message').attr('value', '');$('#message').focus();" class="chat_btn" style="cursor: pointer;" value="Отправить" title="Отправить сообщение">
            <input type="button" onclick="$('#message').attr('value', ''); $('#message').focus();"  class="chat_btn" style="cursor: pointer;" value="X" title="Удалить">
            <input type="button" onclick="window.open('posting.php?mode=smilies', '_phpbbsmilies', 'height=540, width=700, resizable=yes, scrollbars=yes ,width=620'); return false;"  class="chat_btn" style="cursor: pointer;" value="Смайлики" title="Открыть смайлы">
            <input type="button" onclick="ajax.chat_message(2); return false;"  class="chat_btn" style="cursor: pointer;" value="Обновить" title="Обновить чат">
        </span>
        <div class="clear"></div>
        <div class="spacer_2"></div>
        </form>
        <div id="chat" class="tLeft hidden"></div>
        <!-- ENDIF -->
      </div>
    <div class="cat_footer"></div>
  </div>
  </td>
  </tr>
  </table>
Дальше думаем сами =)
 

dimka3210

Легенда
Без оскорблений ни как?Втыкал этот коду уже незнаю куда,bbcode.js, bbcode.tpl, ajax.php, index.php, index.tpl нигде не работает.
Подскажите куда воткнуть именно.И что нужно сделать, после того когда вставил в нужное место.Чтоб заработало.
В фотошопе открыть лого и вставить текстом. Сохранить ,заменить, должно заработать. Если нет фотошопа подойдёт paint.
 
V

Vitalch

Гость
Может кто встречался?Все правильно сделано но не работает ббкод в чате.
Код:
<!-- IF LOGGED_IN -->
<script type="text/javascript">
    ajax.chat_message = function(mode) {
      ajax.exec({
        action : 'chat_message',
        mode : mode,
        message : $('#message').val()
      });
    };
    ajax.callback.chat_message = function(data) {
      if(data.message)
      {
        $('#chat').show();
        $('#message').attr('value', '');
        $('#chat').html(data.message);
        initPostBBCode('#chat'); 
      }
    };
    function submit_click(e) {
      e = e || window.event;
      if (e.keyCode == 13 && e.ctrlKey) {
        submit_chat();
      };
    }
    function add_nick(text){
      $('#message').attr('value', $('#message').val() + text +' ');
      $('#message').focus();
    }
    $(document).ready(function(){ajax.chat_message(2);});
    setInterval(function(){ajax.chat_message(2);}, 60000); 
  </script>
  <style type="text/css">
  #chat { overflow: auto; width: 850px; height: 300px; } 
  .chat-comment {
    margin: 3px;
    padding: 4px;
    border: solid 1px #F9FCFF
    background-color: #AED7FF;
  }
  textarea.chat_message {
    height: 50px; width: 845px;
    border-radius: 0px;
    -moz-border-radius: 11px;
    font-size: 11px;
  }
  .chat_btn {
    border: 1px solid #0080FF;
    padding: 2px;
    background-color: #F9FCFF;
    font-size: 10px;
    font-weight: bold;
cursor:pointer; 
  }
  .chat_btn:hover { color: #0080FF; }

'shout_del' => array('mod'),

  $post_delete =($userdata['user_level'] == 1 || $userdata['user_level'] == 2) ? '<img src="images/shout_delete.gif" title="Удалить сообщение" alt="Удалить" class="clickable" onclick="ajax.shout_del('.$shout_row['shout_id'].'); ajax.chat_message(2); return false;" style="float:right">&nbsp;' : '';

function shout_del()
{
global $bb_cache;
$id = (int) $this->request['id'];
DB()->query("DELETE FROM bb_shout WHERE shout_id = $id");
$this->response['id'] = $id;
CACHE('bb_cache')->rm('shout_data');
}
  </style>


 <div class="category">
    <h3 class="cat_title">&#x0427;&#x0430;&#x0442;</h3>
    <input type="button" class="chat_btn" value=" B " name="codeB" title="Bold (Ctrl+B)" style="font-weight: bold; width: 30px;" />
    <input type="button" class="chat_btn" value=" i " name="codeI" title="Italic (Ctrl+I)" style="width: 30px; font-style: italic;" />
    <input type="button" class="chat_btn" value=" u " name="codeU" title="Underline (Ctrl+U)" style="width: 30px; text-decoration: underline;" />
    <input type="button" class="chat_btn" value=" s " name="codeS" title="Strikeout (Ctrl+S)" style="width: 30px; text-decoration: line-through;" />&nbsp;&nbsp;
    <input type="button" value="Quote" name="codeQuote" title="Цитата" style="width: 60px;"/>
<input type="hidden" name="codeUrl2"/>
<select name="codeColor" class="chat_btn">
<option style="color: black; background: #fff;" value="black" selected="selected">{L_QR_COLOR_SEL}:</option>
<option style="color: darkred;" value="darkred">&nbsp;{L_COLOR_DARK_RED}</option>
<option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>
<option style="color: #996600;" value="#996600">&nbsp;{L_COLOR_ORANGE}</option>
<option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>
<option style="color: #993399;" value="#993399">&nbsp;{L_COLOR_VIOLET}</option>
<option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option>
<option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>
<option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
<option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>
<option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
<option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
<option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
<option style="color: #006699;" value="#006699">&nbsp;{L_COLOR_STEEL_BLUE}</option>
</select>

<select name="codeAlign" class="chat_btn">
<option value="left" selected="selected">Расположение:</option>
<option value="left">&nbsp;Слева</option>
<option value="right">&nbsp;Справа</option>
<option value="center">&nbsp;По центру</option>
<option value="justify">&nbsp;Выровнять</option>
</select>
</div>
      <div class="cat_footer"></div>
<div class="category">
<input type="button" class="chat_btn" style="width: 75px; color: green;" value="&#x0421;&#x043C;&#x0430;&#x0439;&#x043B;&#x0438;&#x043A;&#x0438;" onclick="window.open('posting.php?mode=smilies', '_phpbbsmilies', 'height=540, resizable=yes, scrollbars=yes ,width=620'); return false;" title="Смайлики";/>

<input type="button" class="chat_btn" style="width: 75px; color: #996600;" value="&#x041E;&#x0431;&#x043D;&#x043E;&#x0432;&#x0438;&#x0442;&#x044C;" onclick="ajax.chat_message(2); return false;" title="Обновить чат"/>

<input type="button" class="chat_btn" style="width: 25px; color: red;" value="X" onclick="$('#message').attr('value', ''); $('#message').focus();" title="Очистить"/>

<input type="button" class="chat_btn" style="width: 75px; color: #006699;" value="&#x041E;&#x0442;&#x043F;&#x0440;&#x0430;&#x0432;&#x0438;&#x0442;&#x044C;" onclick="ajax.chat_message(1); return false;" title="Отправить сообщение"/> 
</div>
<div class="cat_footer"></div>
      <div class="f_tbl_wrap pad_4 tcenter">
        <form name="post">
        <textarea onkeydown="submit_click(event)" id="message" class="chat_message"></textarea>
<div class="clear"></div>
<div class="spacer_2"></div> 
        <div id="chat" class="tLeft hidden"></div>
        </form>
<script type="text/javascript">
var bbcode = new BBCode("message");
var ctrl = "ctrl";
 
bbcode.addTag("codeB", "b", null, "B", ctrl);
bbcode.addTag("codeI", "i", null, "I", ctrl);
bbcode.addTag("codeU", "u", null, "U", ctrl);
bbcode.addTag("codeS", "s", null, "S", ctrl);
 
bbcode.addTag("codeImg", "img", null, "R", ctrl);
bbcode.addTag("codeUrl", "url", "/url", "", ctrl);
bbcode.addTag("codeUrl2", "url=", "/url", "W", ctrl);
 
bbcode.addTag("codeColor", function(e) { var v=e.value; e.selectedIndex=0; return "color="+v }, "/color");
bbcode.addTag("codeAlign", function(e) { var v=e.value; e.selectedIndex=0; return "align="+v }, "/align");
 
</script>
      </div>
    <div class="cat_footer"></div>

  </div>
<!-- ENDIF -->
 
V

Vitalch

Гость
'krumax' писал свой код чата, я вставлял и не работает.Все правильно делал!Ббкод работает на сайте, в постах и т.д.В чем может быть проблема?
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху