AJAX Chat 2.0 Beta bbcodes and smilies

[Supa Yan]

So I have a problem. I just tried to use the spoiler code in the shoutbox, but instead of expanding it sends you to /forums/# (top of the page).

Any idea how to fix this?

[Professional]

i want to add just smiles,not any thing more what shoud i do?

[Darky Luigi]

i want to add just smiles,not any thing more what shoud i do?

Hi!
If you wanto only the smiles

open
chat_body.html


Fnd

Code: Select all

<!-- IF S_USER_LOGGED_IN -->

After add

Code: Select all

<!-- IF S_SMILIES_ALLOWED and .smiley -->
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- ENDIF -->

Try

[Professional]

tnx dear,should i change also chat.php ?

[Darky Luigi]

tnx dear,should i change also chat.php ?

No, for smilies only, don't change chat.php

[gronfors Ben]

Minor issue... but why can't I post just 0 in the chat box?
Is there a way to enable posting just a 0?

[Darky Luigi]

Minor issue... but why can't I post just 0 in the chat box?
Is there a way to enable posting just a 0?

wow !! It's right!
Why do you wnat to write the 0

[gronfors Ben]

Who knows....

Maybe somebody will ask me what 2 - 2 is, I'll look like an idiot unable to answer

but it's more so just something I'm wondering if there's a quick-fix for...

[PleaseHelpMe Konrad]

Hello

I would ask you for help. Im using at my forum three styles - prosilver, CA_Black and CA_gen2
I installed Ajax Chat 2.0 Beta8 sucesfully and i wanted to add popup window with extra smilies. I used this code and added it into chat_body.html (just after refreshing indicator) :

Code: Select all

<a href="./posting.php?mode=smilies&amp;f=2" onclick="popup(this.href, 423, 409, '_phpbbsmilies'); return false;">  <strong>• Emotki •</strong></a>

and it worked perfectly with my prosilver style but when i did same thing with CA_Black and CA_gen2 style the popup shows but when i click emoticon it is not added into shoutbox textfield. Please help me. Im attaching my chat_body.htm file from CA_Black style

Spoiler:

Code: Select all

<!-- IF S_GET_CHAT -->
   <!-- IF S_READ or S_ADD -->
      <!-- BEGIN chatrow -->
         <div id="p{chatrow.MESSAGE_ID}">
            <table cellspacing="0" width="100%">
               <tr>
                  <td class="row1">
                     <!-- IF U_ACP or U_MCP --><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><img src="{T_IMAGESET_PATH}/icon_chat_delete.gif" /></a> <!-- ENDIF -->
                      <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span>
                  </td>
               </tr>
            </table>
         </div>
      <!-- END chatrow -->---{LAST_ID}
      <!-- IF S_WHOISONLINE -->---
         <!-- BEGIN whoisrow -->
            <div>
               <div class="inner">
                  <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> : {whoisrow.USERNAME_FULL}</div>
               </div>
            </div>
         <!-- END whoisrow -->---{LAST_TIME}---{DELAY}---{LAST_POST}
      <!-- ENDIF -->
   <!-- ENDIF -->
<!-- ELSE -->
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_header.html -->
   <!-- ENDIF -->
   <script type="text/javascript">
   <!--
   var fieldname = 'chat';
   var last_time = 0;
   var xmlHttp = http_object();
   var last_id = {LAST_ID};
   var type = 'receive';
   var post_time = {TIME};
   var read_interval = 15000;
   var interval = setInterval('handle_send("read", last_id);', read_interval);

   function handle_send(mode, f)
   {
      if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
      {
         indicator_switch('on');
         type = 'receive';
         param = 'mode=' + mode;   
         param += '&last_id=' + last_id;
         param += '&last_time=' + last_time;         
         param += '&last_post=' + post_time;         
         param += '&read_interval=' + read_interval;         
   
         if (mode == 'add' && document.text.message.value != '')
         {
            type = 'send';
            for(var i = 0; i < f.elements.length; i++)
            {
               elem = f.elements[i];
               param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
            }
            document.text.message.value = '';
         }
         else if (mode == 'delete')
         {
            type = 'delete';
            param += '&chat_id=' + f;
         }
         xmlHttp.open("POST", '{FILENAME}', true);
         xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         xmlHttp.onreadystatechange = handle_return;
         xmlHttp.send(param);
      }
   }
   
   function handle_return()
   {
      if (xmlHttp.readyState == 4)
      {
         if (type != 'delete')
         {
            results = xmlHttp.responseText.split('---');
            if (results[1])
            {
               if (last_id == 0)
               {
                  document.getElementById(fieldname).innerHTML = results[0];
               }
               else
               {
                  document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
               }
               last_id = results[1];
               if (results[2])
               {
                  document.getElementById('whois_online').innerHTML = results[2];
                  last_time = results[3];
                  if (results[4] != read_interval * 1000)
                  {
                     window.clearInterval(interval);
                     read_interval = results[4] * 1000;
                     interval = setInterval('handle_send("read", last_id);', read_interval);
                     document.getElementById('update_seconds').innerHTML = results[4];
                  }
                  post_time = results[5];
               }
            }
         }
         indicator_switch('off');
      }
   }
   
   function delete_post(chatid)
   {
      document.getElementById('p' + chatid).style.display = 'none';
      handle_send('delete', chatid);
   }
   
   function indicator_switch(mode)
   {
      if(document.getElementById("act_indicator"))
      {
         var img = document.getElementById("act_indicator");   
         if(img.style.visibility == "hidden" && mode == 'on')
         {
            img.style.visibility = "visible";
         }
         else if (mode == 'off')
         {
            img.style.visibility = "hidden"
         }   
      }
   }
   
   function http_object()
   {
      if (window.XMLHttpRequest)
      {
         return new XMLHttpRequest();
      }
      else if(window.ActiveXObject)
      {
         return new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
         document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
      }
   }
   -->
   </script>
   <style type="text/css">
   <!--
      #act_indicator {
         visibility:hidden;
      }
      .shouts {
         height:300px;
         overflow:auto;
         float:left;
      }
      #chat {
         width: 100%;
         text-align:left;
      }
      .postprofile {
         min-height: 5px !important;
      }
      .chatform {
         width: 90%;
         text-align:center;
      }
      .onlinelist {
         width: 15%;
         overflow:auto;
         height:300px;
      }
      .users {
         width: 90%;
         text-align: left;
         text-indent: 5px;
         margin-left:auto;
         margin-right:auto;
      }
      .user {
         width: 95%;
         font-size: 1.1em;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         line-height: 1.4em;
      }
      #act_indicator {
         visibility: hidden;
      }
      .chatinput {width: 80% !important;}
      .online_img {
         vertical-align:middle;
      }
   -->
   </style>
   <div class="forumbg forumbg-table">
    {$CA_BLOCK_START}
      <table class="table1" cellspacing="0" width="100%">
        <!-- IF S_USER_LOGGED_IN -->
      <tr>
            <td colspan="2" class="row1" align="center">         
            <form name="text" id="text" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)" autocomplete="off">
                <strong>{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" />
                <input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
            </form>
            </td>
        </tr>           
        <!-- ENDIF -->
        <tr>
          <td style="padding: 0; border-width: 0;" valign="top">
            <div id="chat" class="shouts">
            <!-- BEGIN chatrow -->
                <div id="p{chatrow.MESSAGE_ID}">
                    <table cellspacing="0" width="100%">
                        <tr>
                            <td class="row1">
                                <!-- IF U_ACP or U_MCP -->
                                    <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')">
                                        <img src="{T_IMAGESET_PATH}/icon_chat_delete.gif" />
                                    </a>
                                <!-- ENDIF -->
                                <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span>
                            </td>
                        </tr>
                       
                    </table>
                </div>
            <!-- END chatrow -->
            </div>
            </td>
            <td class="row1" valign="top">
                <div id="whois_online">
                <!-- BEGIN whoisrow -->
                    <div>
                        <div class="inner">
                            <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}</div>
                        </div>
                    </div>
                <!-- END whoisrow -->
                </div>
            </td>
        </tr>
        <tr>
         <td class="row1" colspan="2">
            <div id="author">{L_DETAILS}
               <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />
               <strong>• {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
            <a href="./posting.php?mode=smilies&amp;f=2" onclick="popup(this.href, 423, 409, '_phpbbsmilies'); return false;">  <strong>• Emotki •</strong></a>
            </div>
         </td>
        </tr>
        </table>
    {$CA_BLOCK_END}
    </div>
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_footer.html -->
   <!-- ENDIF -->
<!-- ENDIF -->

And from CA_gen2

Spoiler:

Code: Select all

<!-- IF S_GET_CHAT -->
   <!-- IF S_READ or S_ADD -->
      <!-- BEGIN chatrow -->
         <div id="p{chatrow.MESSAGE_ID}">
            <table cellspacing="0" width="100%">
               <tr>
                  <td class="row1">
                     <!-- IF U_ACP or U_MCP --><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><img src="{T_IMAGESET_LANG_PATH}/icon_post_delete.gif" /></a> <!-- ENDIF -->
                      <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span>
                  </td>
               </tr>
            </table>
         </div>
      <!-- END chatrow -->---{LAST_ID}
      <!-- IF S_WHOISONLINE -->---
         <!-- BEGIN whoisrow -->
            <div>
               <div class="inner">
                  <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> : {whoisrow.USERNAME_FULL}</div>
               </div>
            </div>
         <!-- END whoisrow -->---{LAST_TIME}---{DELAY}---{LAST_POST}
      <!-- ENDIF -->
   <!-- ENDIF -->
<!-- ELSE -->
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_header.html -->
   <!-- ENDIF -->
   <script type="text/javascript">
   <!--
   var fieldname = 'chat';
   var last_time = 0;
   var xmlHttp = http_object();
   var last_id = {LAST_ID};
   var type = 'receive';
   var post_time = {TIME};
   var read_interval = 15000;
   var interval = setInterval('handle_send("read", last_id);', read_interval);

   function handle_send(mode, f)
   {
      if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
      {
         indicator_switch('on');
         type = 'receive';
         param = 'mode=' + mode;   
         param += '&last_id=' + last_id;
         param += '&last_time=' + last_time;         
         param += '&last_post=' + post_time;         
         param += '&read_interval=' + read_interval;         
   
         if (mode == 'add' && document.text.message.value != '')
         {
            type = 'send';
            for(var i = 0; i < f.elements.length; i++)
            {
               elem = f.elements[i];
               param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
            }
            document.text.message.value = '';
         }
         else if (mode == 'delete')
         {
            type = 'delete';
            param += '&chat_id=' + f;
         }
         xmlHttp.open("POST", '{FILENAME}', true);
         xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         xmlHttp.onreadystatechange = handle_return;
         xmlHttp.send(param);
      }
   }
   
   function handle_return()
   {
      if (xmlHttp.readyState == 4)
      {
         if (type != 'delete')
         {
            results = xmlHttp.responseText.split('---');
            if (results[1])
            {
               if (last_id == 0)
               {
                  document.getElementById(fieldname).innerHTML = results[0];
               }
               else
               {
                  document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
               }
               last_id = results[1];
               if (results[2])
               {
                  document.getElementById('whois_online').innerHTML = results[2];
                  last_time = results[3];
                  if (results[4] != read_interval * 1000)
                  {
                     window.clearInterval(interval);
                     read_interval = results[4] * 1000;
                     interval = setInterval('handle_send("read", last_id);', read_interval);
                     document.getElementById('update_seconds').innerHTML = results[4];
                  }
                  post_time = results[5];
               }
            }
         }
         indicator_switch('off');
      }
   }
   
   function delete_post(chatid)
   {
      document.getElementById('p' + chatid).style.display = 'none';
      handle_send('delete', chatid);
   }
   
   function indicator_switch(mode)
   {
      if(document.getElementById("act_indicator"))
      {
         var img = document.getElementById("act_indicator");   
         if(img.style.visibility == "hidden" && mode == 'on')
         {
            img.style.visibility = "visible";
         }
         else if (mode == 'off')
         {
            img.style.visibility = "hidden"
         }   
      }
   }
   
   function http_object()
   {
      if (window.XMLHttpRequest)
      {
         return new XMLHttpRequest();
      }
      else if(window.ActiveXObject)
      {
         return new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
         document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
      }
   }
   -->
   </script>
   <style type="text/css">
   <!--
      #act_indicator {
         visibility:hidden;
      }
      .shouts {
         height:300px;
         overflow:auto;
         float:left;
      }
      #chat {
         width: 100%;
         text-align:left;
      }
      .postprofile {
         min-height: 5px !important;
      }
      .chatform {
         width: 90%;
         text-align:center;
      }
      .onlinelist {
         width: 15%;
         overflow:auto;
         height:300px;
      }
      .users {
         width: 90%;
         text-align: left;
         text-indent: 5px;
         margin-left:auto;
         margin-right:auto;
      }
      .user {
         width: 95%;
         font-size: 1.1em;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         line-height: 1.4em;
      }
      #act_indicator {
         visibility: hidden;
      }
      .chatinput {width: 80% !important;}
      .online_img {
         vertical-align:middle;
      }
   -->
   </style>
   <div class="forumbg forumbg-table">
    {$CA_BLOCK_START}
      <table class="table1" cellspacing="0" width="100%">
        <!-- IF S_USER_LOGGED_IN -->
      <tr>
            <td colspan="2" class="row1" align="center">         
            <form name="text" id="text" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)" autocomplete="off">
                <strong>{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" />
                <input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
            </form>
            </td>
        </tr>           
        <!-- ENDIF -->
        <tr>
          <td style="padding: 0; border-width: 0;" valign="top">
            <div id="chat" class="shouts">
            <!-- BEGIN chatrow -->
                <div id="p{chatrow.MESSAGE_ID}">
                    <table cellspacing="0" width="100%">
                        <tr>
                            <td class="row1">
                                <!-- IF U_ACP or U_MCP -->
                                    <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')">
                                        <img src="{T_IMAGESET_LANG_PATH}/icon_post_delete.gif" />
                                    </a>
                                <!-- ENDIF -->
                                <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span>
                            </td>
                        </tr>
                       
                    </table>
                </div>
            <!-- END chatrow -->
            </div>
            </td>
            <td class="row1" valign="top">
                <div id="whois_online">
                <!-- BEGIN whoisrow -->
                    <div>
                        <div class="inner">
                            <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}</div>
                        </div>
                    </div>
                <!-- END whoisrow -->
                </div>
            </td>
        </tr>
        <tr>
         <td class="row1" colspan="2">
            <div id="author">{L_DETAILS}
               <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />
               <strong>• {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
            <a href="./posting.php?mode=smilies&amp;f=2" onclick="popup(this.href, 423, 409, '_phpbbsmilies'); return false;">  <strong>• Emotki •</strong></a>
            </div>
         </td>
        </tr>
        </table>
    {$CA_BLOCK_END}
    </div>
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_footer.html -->
   <!-- ENDIF -->
<!-- ENDIF -->

[PleaseHelpMe Konrad]

Oh, i forgot to add, im using phpbb3 3.0.7-PL1, if i need to attach more files just ask, ill do it. Thanks in advance for helping me.