Collapse Category MChat Problem

Post by **Redsun** » 14 Sep 2012, 12:03

Hi stoker,

On my index page all collapse categories are working fine except mchat's one.

I can see the - icon but it's not clickable...

Thank you for your interest again...

Post by **Stoker** » 14 Sep 2012, 12:20

There is a piece of script added to the bottom on the forumlist_body.html
Move it to the bottom of index_body.html instead.

Post by **Redsun** » 14 Sep 2012, 16:53

Hi stoker thank you for your feedback,

my script code is bottom of my index_body... sadly still doesn't collapse...

all others (include top stats) work just fine... did i add the code right to my mchat_body file? I really don't know...

Post by **mikef35** » 14 Sep 2012, 17:29

Try this

You forgot your forumlist

Code: Select all

<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
   <!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE -->
<!--**
*
* @package mChat
* @version $Id: mchat_body.html
* @copyright (c) 2010 Rich McGirr
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/-->
<ul class="linklist">
   <li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
</ul>
<!-- ENDIF -->
<!-- IF not MCHAT_READ_MODE -->
<div class="forabg">
<div class="forumlist">
   <div class="inner"><span class="corners-top"><span><a name="mChat"></a></span></span>
      <ul class="topiclist">
         <li class="header">
            <dl class="icon">
               <dt><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></dt>
            </dl>
         </li>
      </ul>
     <div class="trigger active"></div>
         <div class="collapsethis">
      <div class="postbody mChatBodyFix">
<!-- ENDIF -->
   <!-- IF MCHAT_ENABLE -->
         <!-- IF not MCHAT_READ_MODE -->
         <script type="text/javascript">
         // <![CDATA[
         // Define mChat setting
         var mChatNoMessage = '{MCHAT_NOMESSAGE_MODE}';
         var mChatFile = '{MCHAT_FILE_NAME}';
         var mChatForumRoot = '{ROOT_PATH}';
         var mChatCustomPage = '{MCHAT_CUSTOM_PAGE}';
         <!-- IF not MCHAT_ARCHIVE_MODE -->
         var mChatPause = '{MCHAT_PAUSE_ON_INPUT}';
         var mChatRefresh = '{MCHAT_REFRESH_JS}';
         <!-- ELSE -->
         var mChatPause = false;
         var mChatRefresh = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_USER_TIMEOUT -->
         var mChatUserTimeout = '{MCHAT_USER_TIMEOUT}';
         <!-- ELSE -->
         var mChatUserTimeout = false;
         <!-- ENDIF -->
         var mChatNoMessageInput = '{LA_MCHAT_NOMESSAGEINPUT}';
         var mChatNoMessage = '{LA_MCHAT_NOMESSAGE}';
         var mChatEditInfo = '{LA_MCHAT_EDITINFO}';
         var mChatNoAccess = '{LA_MCHAT_NOACCESS}';
         var mChatFlood = '{LA_MCHAT_FLOOD}';
         var mChatDelConfirm = '{LA_MCHAT_DELCONFIRM}';
         var mChatReset = '{LA_MCHAT_RESET_QUESTION}';
         var mChatRefreshing = '{LA_MCHAT_REFRESHING}';
         var mChatSessOut = '{LA_MCHAT_SESSION_OUT}';
         var mChatSessEnds = '{LA_MCHAT_SESSION_ENDS}';
         var mChatRefreshYes = '{MCHAT_REFRESH_YES}';
         var mChatRefreshNo = '{LA_MCHAT_REFRESH_NO}';
         var mChatMssgLngthLong = '{MCHAT_MESS_LONG}';
         <!-- IF MCHAT_MESSAGE_LNGTH -->
         var mChatMssgLngth = '{MCHAT_MESSAGE_LNGTH}';
         <!-- ELSE -->
         var mChatMssgLngth = false;
         <!-- ENDIF -->
         <!-- IF S_MCHAT_SOUND_YES -->
         var mChatSound = true;
         <!-- ELSE -->
         var mChatSound = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_WHOIS -->
         var mChatWhois = true;
         var mChatWhoisRefresh = '{MCHAT_WHOIS_REFRESH}';
         <!-- ELSE -->
         var mChatWhois = false;
         var mChatWhoisRefresh = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_ARCHIVE_MODE -->
         var mChatArchiveMode = true;
         <!-- ELSE -->
         var mChatArchiveMode = false;
         var form_name = 'postform';
         var text_name = 'message';
         var mChatFocusFix = true;
         <!-- ENDIF -->
         // ]]>
         </script>
         <!-- IF not MCHAT_ARCHIVE_MODE -->
         <script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
         <div id="mChatmain" <!-- IF MCHAT_CUSTOM_PAGE -->class="mChatRowLimitCustom" style="height: {MCHAT_CUSTOM_HEIGHT}px;"<!-- ELSE -->class="mChatRowLimit" style="height: {MCHAT_INDEX_HEIGHT}px;"<!-- ENDIF -->>
         <!-- ENDIF -->
         <div id="mChatData">
   <!-- ENDIF -->
         <!-- IF S_MCHAT_AVATARS -->
            <!-- INCLUDE mchat_avatars.html -->
         <!-- ELSE -->
            <!-- INCLUDE mchat_no_avatars.html -->
         <!-- ENDIF -->
      <!-- IF not MCHAT_READ_MODE -->
               <!-- IF MCHAT_NOMESSAGE_MODE --><div id="mChatNoMessage">{L_MCHAT_NOMESSAGE}</div><!-- ENDIF -->
         </div>
         <!-- IF not MCHAT_ARCHIVE_MODE -->         
         </div>
         <!-- IF MCHAT_STATIC_MESS --><div class="mChatStatic"><strong>{L_MCHAT_ANNOUNCEMENT}:</strong> <span style="color:#990000;">{MCHAT_STATIC_MESS}</span></div><!-- ENDIF -->
         <!-- IF not (MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE) and MCHAT_WHOIS and S_MCHAT_INDEX_STATS --><div class="mChatStats" id="mChatStats"><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->&nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br /><span id="mChatUserList">{MCHAT_USERS_LIST}</span></div><!-- ENDIF -->         
         <form method="post" action="javascript://" onsubmit="mChat.add();" id="postform">
         <div class="mChatPanel">
            <noscript><div class="mchat_alert">{L_MCHAT_NOJAVASCRIPT}</div></noscript>
            <!-- IF MCHAT_ADD_MESSAGE -->
            <input type="hidden" name="mode" value="add" />
            <input type="text" name="message" class="inputbox medium mChatText" id="mChatMessage" /><br />
            <input id="submit_button" type="button" class="button2" onclick="mChat.add();" value="{L_MCHAT_ADD}" />
            <input id="mChatClear" type="button" class="button2" onclick="mChat.clear();" value="{L_MCHAT_CLEAR_INPUT}" />
            <!-- IF MCHAT_ALLOW_SMILES and .smiley -->
            <input type="button" class="button2" onclick="mChat.toggle('Smiles');" value="{L_MCHAT_SMILES}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_BBCODES -->
            <input type="button" class="button2" onclick="mChat.toggle('BBCodes');" value="{L_MCHAT_BBCODES}" />
            <!-- ENDIF -->
            <!-- ENDIF -->
            <!-- IF MCHAT_READ_ARCHIVE_BUTTON -->
            <input type="button" class="button2" onclick="window.location.href = '{MCHAT_ARCHIVE_URL}';" value="{L_MCHAT_ARCHIVE}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_FOUNDER -->
            <input type="button" class="button2" onclick="window.location.href = '{MCHAT_CLEAN_URL}';" value="{L_MCHAT_CLEAN}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ADD_MESSAGE -->
            <!-- IF MCHAT_RULES -->
            <input type="button" class="button2" onclick="popup('{U_MCHAT_RULES}', 450, 275); return false;" value="{L_MCHAT_HELP}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_BBCODES -->
               <!-- INCLUDE mchat_bbcodes.html -->
            <!-- ENDIF -->
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_SMILES and .smiley -->
            <div id="mChatSmiles" style="padding: 5px; display: none;">               
               <!-- 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 -->
               <a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>               
            </div>
            <!-- ENDIF -->
            <div style="padding: 3px;">
               <img src="{ROOT_PATH}mchat/load.gif" alt="{L_MCHAT_LOAD}" title="{L_MCHAT_LOAD}" id="mChatLoadIMG" class="mChatImageLoad" />
               <img src="{ROOT_PATH}mchat/ok.gif" alt="{L_MCHAT_OK}" title="{L_MCHAT_OK}" id="mChatOkIMG" class="mChatImageOk" />
               <img src="{ROOT_PATH}mchat/error.gif" alt="{L_MCHAT_ERROR}" title="{L_MCHAT_ERROR}" id="mChatErrorIMG" class="mChatImageHideImg" />
               <img src="{ROOT_PATH}mchat/paused.gif" alt="{L_MCHAT_PAUSE}" title="{L_MCHAT_PAUSE}" id="mChatPauseIMG" class="mChatImageHideImg" />
               <span id="mChatRefreshText">{MCHAT_REFRESH_YES}</span><!-- IF MCHAT_USER_TIMEOUT --> &bull; <span id="mChatSessMess">&nbsp;</span><!-- ENDIF --> &bull; <label for="mChatUseSound">{L_MCHAT_USESOUND} <input type="checkbox" id="mChatUseSound" <!-- IF S_MCHAT_SOUND_YES -->checked="checked"<!-- ENDIF --> /></label>
            </div>
         </div>
         </form>
         <!-- ENDIF -->
         <div id="mChatSound" class="mChatSound"></div>
         <script type="text/javascript" src="{ROOT_PATH}mchat/mchat_ajax_mini.js"></script>
      </div>   
      <!-- ENDIF -->
   <!-- ELSE -->
   <div class="mchat_alert">{L_MCHAT_ENABLE}</div>
   <!-- ENDIF -->
   <!-- IF not MCHAT_READ_MODE -->      
      </div>
   <span class="corners-bottom"><span></span></span></div>
</div>
</div>
   <!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE -->
<ul class="linklist">
   <li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
</ul>
<!-- ENDIF -->
<!-- IF MCHAT_CUSTOM_PAGE and MCHAT_WHOIS -->
<h3>{L_WHO_IS_CHATTING}</h3>
   <div class="mChatStats" id="mChatStats"><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->&nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br /><span id="mChatUserList">{MCHAT_USERS_LIST}</span></div>
   <div class="mChatRefresh"><span id="mChatRefresh">{L_MCHAT_WHOIS_REFRESH_EXPLAIN}</span><span id="mChatRefreshN" style="display: none;">{L_MCHAT_REFRESHING}</span>
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></div>
<!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->

And depending on what your common.css says you need to change this part

<div class="trigger active"></div>

http://www.christianbullock.com/2011/ph ... th-cookies

Post by **Redsun** » 14 Sep 2012, 19:13

vaov!!! now it works great! thank you very much mikef35

Post by **mikef35** » 14 Sep 2012, 20:25

Post by **martin123456** » 14 Sep 2012, 23:10

It should be like this

Code: Select all

<div class="forumlist">
   <div class="forabg">

not

Code: Select all

<div class="forabg">
<div class="forumlist">

Post by **mikef35** » 15 Sep 2012, 05:37

martin123456 wrote:It should be like this
Code: Select all
<div class="forumlist">
   <div class="forabg">
not
Code: Select all
<div class="forabg">
<div class="forumlist">

Makes no difference what so ever! Just you butting in as normal.

Post by **martin123456** » 15 Sep 2012, 10:51

Whater ever but i never could understand ADD BEFORE and ADD AFTER guess there put there for no reason then.