Re: [Add-on] AJAX Chat 2.0.0 Beta Styles

[Sniper_E]

You're welcome BurnOmatic. The Chat looks very nice in that style!
You should take that <br /> out from above the top table. And I see you left the Online List on the left. It really looks stylish!

Look at your AJAX Chat MOD in AcidTech Handyman. Aint it pretty?

I'd love to see the chat in some other styles. Who else has chat setup in their awesome style? Let's see yours.
Her is one of ours:

[Davethegreat]

It does look good,

On a slightly unrleated note, well its always going to be there there what happens when people call me david (joking of cause)

[Sniper_E]

No way, did I say David? *note to self* Dave the great

[xex]

Hi, i had same problem with acidtech style as dave and tried to follow this lines so i could solve it but the problem comes when i try to install chat cause it show me this error:

Code: Select all

Error General
SQL ERROR [ mysql4 ]

Table 'phpbb_chat' already exists [1050]

SQL

CREATE TABLE phpbb_chat ( message_id int(11) unsigned NOT NULL auto_increment, chat_id int(11) unsigned NOT NULL default '0', user_id int(11) unsigned NOT NULL default '0', username varchar(255) NOT NULL default '', user_colour varchar(6) NOT NULL default '', message text NOT NULL, bbcode_bitfield varchar(255) NOT NULL default '', bbcode_uid varchar(5) NOT NULL default '', bbcode_options tinyint(1) unsigned NOT NULL default '7', time int(11) unsigned NOT NULL default '0', PRIMARY KEY (message_id) )CHARACTER SET `utf8` COLLATE `utf8_bin`

BACKTRACE

FILE: includes/db/mysql.php
LINE: 158
CALL: dbal->sql_error()

FILE: chat_install.php
LINE: 88
CALL: dbal_mysql->sql_query()

I had ajax chat installed with prosilver style and then installed acidtech and chat dissapeared, I'm quiet noob at phpbb but thinks that it recognizes that chat is already installed, the problem is I don't know how to uninstall it or how to solve it so it is fixed and running for acidtech.

Thanks for the help.

[Sniper_E]

No, you do not have to run the sql again if you already had the chat working in prosilver.
With the AcidTech style all you needed to do is add the chat_body.html in the acidtec/template/ directory with the other templates.
Then edit your index_body.html file and add these lines:

Code: Select all

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<!-- INCLUDE chat_body.html -->
<!-- ENDIF -->

We can help you with your style here, but if you messed up your sql you need to post in Handyman's thread.

[xex]

Thanks a lot!! It worked, I had not written that lines at index_body. I thinks it's ok for today, ill try to improve it tomorrow and maybe have more doubts. Thank you again!!!

P.D.: this is the url if u wanna se how it's doing http://weloveclint.oamm.info/foro/phpBB3/index.php

[[K]endy]

I cannot use some of bbcode on the shoutbox such as [b ] [i ] .....
So how can I solve this?
How can I resize the height of each message row?
Regards!

[Sniper_E]

@ xex.... Go into that topic viewtopic.php?f=127&t=6962 for help on adding Dave's smiley mod.

@ [K]endy.... Go into Handyman's mod topic viewtopic.php?p=16364#p16364 if you have problems with the bbcodes in your chat. bbcodes work fine in our chat.

This thread will support Style Layout Issues for your chat page ONLY: viewtopic.php?p=75995#p75995

But [K]endy, you are in the right place to discuss your style layout for your chat page. Show us an image of your chat.
With showing us how you want to resize the height of each message row. And you can post your chat_body.html codes here for us to look at.
Knowing what style you have your chat installed in would help also. I'm guessing prosilver. We just need a little more information.

[xex]

I finally could add bbcode and smilies at chat but the problem is that now corners of chat are no longer round as the style of forum.



This is my chat_body.html, what do I have to change?? Thanks

Spoiler:

Code: Select all

        <!-- IF S_GET_CHAT -->
           <!-- IF S_READ or S_ADD -->
           <div>
              <!-- BEGIN chatrow -->
                <div id="p{chatrow.MESSAGE_ID}">
                    <table class="tablebg" cellpadding="6" cellspacing="0" width="100%">
                       <tr class="row">
                          <td>
                             <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" alt="" /></a>
                              <b class="postauthor">{chatrow.USERNAME_FULL}</b> &laquo; {chatrow.TIME} &raquo; &nbsp; <div class="postbody" style="display: inline;">{chatrow.MESSAGE}</div>
                          </td>
                       </tr>
                    </table>
                </div>
              <!-- END chatrow -->---{LAST_ID}
             <!-- IF S_WHOISONLINE -->---
                 <!-- BEGIN whoisrow -->
                    <div><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" alt="" /> {whoisrow.USERNAME_FULL}</div>
                 <!-- END whoisrow -->---{LAST_TIME}---{DELAY}---{LAST_POST}
              <!-- ENDIF -->
             </div>
           <!-- ENDIF -->
        <!-- ELSE -->
           <!-- IF S_CHAT -->
              <!-- INCLUDE overall_header.html -->
           <!-- ENDIF -->
           <script type="text/javascript">
           // <![CDATA[
           var form_name = 'postform';
           var text_name = 'message';
           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.getElementById('postform').message.value != '')
                 {
                    type = 'send';
                    for(var i = 0; i < f.elements.length; i++)
                    {
                       elem = f.elements[i];
                       param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
                    }
                    document.getElementById('postform').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.';
              }
           }
              function addText(instext)
           {
                  var mess = document.getElementById('message');
                //IE support
                      if (document.selection)
              {
                            mess.focus();
                             sel = document.selection.createRange();
                             sel.text = instext;
                             document.message.focus();
                      }
              //MOZILLA/NETSCAPE support
              else if (mess.selectionStart || mess.selectionStart == "0")
              {
                 var startPos = mess.selectionStart;
                 var endPos = mess.selectionEnd;
                 var chaine = mess.value;
                             mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
                             mess.selectionStart = startPos + instext.length;
                             mess.selectionEnd = endPos + instext.length;
                             mess.focus();
              }
              else
              {
                 mess.value += instext;
                             mess.focus();
              }
           }
           // ]]>
           </script>
           <div class="box">
              <table class="tablebg" cellspacing="1" width="100%">
                    <tr>
                       <th align="center" colspan="2">{SITENAME} {L_CHAT}</th>
                    </tr>
                 <!-- IF S_USER_LOGGED_IN -->
                   <!-- INCLUDE chat_posting_buttons.html -->
                    <tr>
                       <td align="center" class="cat nav" style="width: 85%;">
                          <form id="postform" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)"><div>{L_MESSAGE}:
                             <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" size="28" />
                             <input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/>
                          </div></form>
                       </td>
                       <td align="center" class="cat nav" style="width: 15%;">{L_ONLINE_LIST}</td>
                  </tr>
                 <!-- ENDIF -->
                 <tr>
                    <td class="row3" style="text-align:left; height: 220px;">
                       <div class="shouts">
                          <div id="chat">
                             <!-- BEGIN chatrow -->
                                <div id="p{chatrow.MESSAGE_ID}">
                                   <table class="tablebg" cellpadding="6" cellspacing="0" width="100%">
                                      <tr class="row{chatrow.CLASS}">
                                         <td>
                                            <!-- 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" alt="" />
                                               </a>
                                            <!-- ENDIF -->
                                            <b class="postauthor">{chatrow.USERNAME_FULL}</b> &laquo; {chatrow.TIME} &raquo; &nbsp; <div class="postbody" style="display: inline">{chatrow.MESSAGE}</div>
                                         </td>
                                      </tr>

                                   </table>
                                </div>
                             <!-- END chatrow -->
                          </div>
                       </div>
                    </td>
                    <td class="row1" style="white-space: nowrap">
                       <div class="shouts">
                          <div id="whois_online">
                             <!-- BEGIN whoisrow -->
                                <div><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" alt="" /> {whoisrow.USERNAME_FULL}</div>
                             <!-- END whoisrow -->
                          </div>
                       </div>
                    </td>
                 </tr>
                 <tr>
                    <td class="cat" colspan="2" align="center">
                       {L_DETAILS}
                       <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" alt="" />
                       <strong>&bull; {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
                    </td>
                 </tr>
              </table>
           </div>
           <!-- IF S_CHAT -->
              <!-- INCLUDE overall_footer.html -->
           <!-- ENDIF -->
        <!-- ENDIF -->

[Sniper_E]

Oh, I see what you can change right now to get that style's look to it.... you have come to the right place!
but first, what style is that so we can have something to compare those codes to.
Going to lunch right now....

That looks like what kendog819 posted in Dave's chat smilies thread. That looks pretty cool!