I will guess what you, because of no reply to my question, need. I have enclosed my used coding.
Index.php
[PHP]
<?php
/**
* @copyright Copyright (C) 2005 – 2007 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>
<head>
<!– Head-code. Deze is goed en hoeft nauwelijks meer veranderd te worden –>
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?>
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/collapsable_style.css” type=”text/css” />
<?php if ($this->params->get(‘rightCollapsible’)): ?>
<script language=”javascript” type=”text/javascript”>
var rightCollapseDefault='<?php echo $this->params->get(‘rightCollapseDefault’); ?>’;
var excludeModules='<?php echo $this->params->get(‘excludeModules’); ?>’;
</script>
<script language=”javascript” type=”text/javascript” src=”<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/mvc.collapse.js”></script>
<?php endif; ?>
</head>
<body>
<table width=”97%” border=”0″ align=”center” >
<tr>
<td>
<div id=”mvc-logo-style”>
<div>
<div>
<div>
<table width=”100%” border=”0″ id=”logo”>
<tr>
<td colspan=”2″ valign=”top”>
<!– Begin: Roterende logo –>
<center><jdoc:include type=”modules” name=”Logo” style=”” /></center>
<!– Einde: Roterende logo –>
</td>
</tr>
<tr valign=”top”>
<!– Begin: Log-in en zoekmodule, ontbreekt er 1 dan wordt deze niet weer gegeven –>
<?php if($this->countModules(‘Log-in’)) : ?>
<td align=”left”>
<!– Begin: Log-in module wordt weergegeven –>
<jdoc:include type=”modules” name=”Log-in” style=”” />
<!– Einde: Log-in module wordt weergegeven –>
</td>
<?php endif; ?>
<!– Begin: Beide modules wordt weergegeven –>
<?php if($this->countModules(‘Log-in or Zoeken’)) : ?><?php endif; ?>
<!– Einde: Beide modules wordt weergegeven –>
<?php if($this->countModules(‘Zoeken’)) : ?>
<td align=”right”>
<!– Begin: Zoek module wordt weergegeven –>
<jdoc:include type=”modules” name=”Zoeken” style=”” />
<!– Einde: Zoek module wordt weergegeven –>
</td>
<?php endif; ?>
<!– Einde: Log-in en zoekmodule, ontbreekt er 1 dan wordt deze niet weer gegeven –>
</tr>
</table>
</div>
</div>
</div>
</div>
<br />
<br />
<div id=”wrap” halign=”top”>
<!– Begin: Linkermenu aan de linkerkant –>
<div id=”links”><jdoc:include type=”modules” name=”left” style=””/></div>
<!– Einde: Linkermenu aan de linkerkant –>
<div id=”main”>
<!– Begin: Pathway –>
<jdoc:include type=”module” name=”breadcrumbs” />
<!– Einde: Pathway –>
<br /><br />
<!– Begin: Hoofdcomponent –>
<jdoc:include type=”component” />
<!– Einde: Hoofdcomponent –>
</div>
<!– Begin: Rechterkant –>
<!– Einde: Rechterkant –>
</div>
<br />
<br />
</td>
</tr>
</table>
</body>
</html>
[/PHP]
Style sheet
.hide {
background-color: #FFF;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0000FF;
text-indent: 15px;
height: 30px;
}
.show {
background-color: #FFF;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0000FF;
text-indent: 15px;
height: 30px;
}
.mvc_rand div {
background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
margin-bottom: 15px;
padding-bottom: 5px;
}
.mvc_rand div div {
background: url(../images/b-bl.gif) no-repeat bottom left;
color:#FAFAFA; /* Tekst kleur inhoud module tekst, was #DFDFDF */
}
.mvc_rand div div div { background: url(../images/b-tr.gif) no-repeat top right; color:#FAFAFA; /* Tekst kleur inhoud module tekst, was #DFDFDF */}
.mvc_rand div div div div { background: url(../images/b-tl.gif) no-repeat top left; color:#FAFAFA; /* Tekst kleur inhoud module tekst, was #DFDFDF */}
h3.show {
background: url(../images/arrow_down.png) no-repeat 90% 60%;
cursor: pointer;
font-family: "Arial Black", Verdana;
font-size: 16px;
padding-top: 5px;
}
h3.hide {
background: url(../images/arrow_up.png) no-repeat 90% 60%;
cursor: pointer;
font-family: "Arial Black", Verdana;
font-size: 16px;
padding-top: 5px;
}
.mvc-content {
font-style: italic;
padding-left: 10px;
}
Used javascript
//JS script for Joomla template
var JA_Collapse_Mod = new Class({
initialize: function(myElements) {
options = Object.extend({
transition: Fx.Transitions.quadOut
}, {});
this.myElements = myElements;
var exModules = excludeModules.split(',');
exModules.each(function(el,i){exModules='mod'+el});
myElements.each(function(el, i){
el.elmain = $E('.mvc-content',el);
el.titleEl = $E('h3',el);
if(!el.titleEl) return;
if (exModules.contains(el.id)) {
el.titleEl.className = '';
return;
}
el.titleEl.className = rightCollapseDefault;
el.status = rightCollapseDefault;
el.openH = el.elmain.getStyle('height').toInt();
el.elmain.setStyle ('overflow','hidden');
el.titleEl.addEvent('click', function(e){
e = new Event(e).stop();
el.toggle();
});
el.toggle = function(){
if (el.status=='hide') el.show();
else el.hide();
}
el.show = function() {
el.titleEl.className='show';
var ch = el.elmain.getStyle('height').toInt();
new Fx.Style(el.elmain,'height',{onComplete:el.toggleStatus}).start(ch,el.openH);
}
el.hide = function() {
el.titleEl.className='hide';
var ch = (rightCollapseDefault=='hide')?0:el.elmain.getStyle('height').toInt();
new Fx.Style(el.elmain,'height',{onComplete:el.toggleStatus}).start(ch,0);
}
el.toggleStatus = function () {
el.status=(el.status=='hide')?'show':'hide';
Cookie.set(el.id,el.status,{duration:365});
}
if(!el.titleEl.className) el.titleEl.className=rightCollapseDefault;
if(el.titleEl.className=='hide') el.hide();
});
}
});
window.addEvent ('load', function(e){
var jamod = new JA_Collapse_Mod ($ES('.mvc_rand'));
});
params.ini
rightCollapsible=1
rightCollapseDefault=show
excludeModules=38
I hope that can provide me with an answer to solve this problem.
marcel1983 15 years, 6 months ago.
