OpenRico: How to activate an AccordionTab with "onClick()"?

[Kay-Uve Höhns]

Hi there,

I use Rico (1.1.2) on top on Prototype (1.4.0) on a website to build
an accordion object (my_rico), which is generated as followed:

var my_rico;

function initRico(){
my_rico = new Rico.Accordion( $('my_accordion'),{
panelHeight:400,
panelBg:'#FFFFFF',
collapsedBg:'#CCCCCC',
collapsedTextColor:'#000000',
collapsedFontWeight:'bold',
expandedBg:'#505050',
expandedTextColor:"#FFFFFF",
expandedFontWeight:'bold',
hoverBg:'#000000',
hoverTextColor:"#FFFFFF",
hoverFontWeight:'bold',
mode:'free',
borderColor:'transparent',
fixborders:true
});
}

the html structure looks as followed:

<div id="my_accordion">
<div id="s1" class="accordion_tab">
<div id="s1-header" class="accordion_header">&nbsp;</div>
<div id="s1-content" class="accordion_content">&nbsp;</div>
</div>
<div id="s2" class="accordion_tab">
<div id="s2-header" class="accordion_header">&nbsp;</div>
<div id="s2-content" class="accordion_content">&nbsp;</div>
</div>
<div id="s3" class="accordion_tab">
<div id="s3-header" class="accordion_header">&nbsp;</div>
<div id="s3-content" class="accordion_content">&nbsp;</div>
</div>
</div>

Now I would like to toggle the active ".accordion_tab" by an onClick()
event, in the kind of:
<a onclick="my_rico.showTab('id')">

Does anybody know, if such a procedure call is possible and how?

Thanks in advance!!

 

[RobG]

Hi there,

I use Rico (1.1.2) on top on Prototype (1.4.0) on a website to build
an accordion object (my_rico), which is generated as followed:

var my_rico;

function initRico(){
my_rico = new Rico.Accordion( $('my_accordion'),{
panelHeight:400,
panelBg:'#FFFFFF',
collapsedBg:'#CCCCCC',
collapsedTextColor:'#000000',
collapsedFontWeight:'bold',
expandedBg:'#505050',
expandedTextColor:"#FFFFFF",
expandedFontWeight:'bold',
hoverBg:'#000000',
hoverTextColor:"#FFFFFF",
hoverFontWeight:'bold',
mode:'free',
borderColor:'transparent',
fixborders:true

});
}

the html structure looks as followed:

<div id="my_accordion">
<div id="s1" class="accordion_tab">
<div id="s1-header" class="accordion_header">&nbsp;</div>
<div id="s1-content" class="accordion_content">&nbsp;</div>
</div>
<div id="s2" class="accordion_tab">
<div id="s2-header" class="accordion_header">&nbsp;</div>
<div id="s2-content" class="accordion_content">&nbsp;</div>
</div>
<div id="s3" class="accordion_tab">
<div id="s3-header" class="accordion_header">&nbsp;</div>
<div id="s3-content" class="accordion_content">&nbsp;</div>
</div>
</div>

Now I would like to toggle the active ".accordion_tab" by an onClick()
event, in the kind of:
<a onclick="my_rico.showTab('id')">

Does anybody know, if such a procedure call is possible and how?

You should ask those questions in a group dedicated to Rico or
Prototype.js.

 

[Kay-Uve Höhns]

Hi Rob,

You should ask those questions in a group dedicated to Rico or
Prototype.js.

ok, thanks for the advice.

 

[Kay-Uve Höhns]

It was too easy

The wanted procedure call is:
my_rico.showTabByIndex(i);

greetings,
Kay

 

[Thomas 'PointedEars' Lahn]

I use Rico (1.1.2) on top on Prototype (1.4.0) on a website [...]

Don't.


HTH

PointedEars