[request] collapse forum list

Post by **neuropass** » 28 Jul 2011, 19:34

Just noticed it here. brilliant. it works with cookie too. I always wondered how to do it properly.

Post by **Stoker** » 28 Jul 2011, 19:55

Its a guide be Christian Bullock: http://www.christianbullock.com/2011/ph ... th-cookies
I plan to include it in a speciel version of my SE Pro style

Post by **themission** » 20 Aug 2011, 17:16

So how could i add it to the mchat and other blocks like you have ? ive tried but failed

Post by **Stoker** » 20 Aug 2011, 18:42

You will have to add this code to index_body.html instead of forumlist_body.html

Code: Select all

<script type="text/javascript">
            $(".forumlist").collapse({show: function(){
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                },
                hide : function() {
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                }
            });
        </script>

Post by **themission** » 20 Aug 2011, 20:33

Ahh ok, will give it a try - thanks for that

Post by **themission** » 21 Aug 2011, 15:57

Stoker wrote:You will have to add this code to index_body.html instead of forumlist_body.html

Code: Select all

<script type="text/javascript">
            $(".forumlist").collapse({show: function(){
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                },
                hide : function() {
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                }
            });
        </script>

didnt work, am using you premod phpb version - the code is already in the index_body but not in the forumlist_body - am using the SE pro as main theme, collapse works on the forums but nothing else at the mo

Post by **Stoker** » 21 Aug 2011, 16:02

Have you done any modifications of the mchat_body.html file?
If not I can make a "premod" of the file where the collapse edits are done.

Post by **themission** » 21 Aug 2011, 16:49

the only edit was for forum posts to be shown - not sure if it was in the premod or not ? if not thats the only edit ive done - im saying that coz thats the only edit i know ive done in the past

Post by **Stoker** » 21 Aug 2011, 17:03

Try this:

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="forumlist">
<div class="forabg">
	<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>
		<!-- IF SCRIPT_NAME eq 'index' --><div class="portaltrigger portalactive"></div><!-- ENDIF -->
		<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 -->
			<!--/ ** If you remove this expect no support from me ** /-->
			<div style="text-align:center;">{L_MCHAT_COPYRIGHT}</div>
		</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 -->

Post by **themission** » 21 Aug 2011, 17:46

sorry for my dumbness but which file would i add this to ? ive over written the mchat_body.html with it but sill doesnt show after purge of all and refresh ?
EDIT ooh the image is now there but nothing now collapses - will have a play around ( not that it will help - but may )