Thank you for your pointing finger to the method i roughly overlooked
all the time.
I managed to make it work as of your perfect example.
Here is what i came up with and i also extended my initial idea with
another function to set a new fixedHeight on the fly ...
Fx.Accordion.Artness = new Class({
Extends: Fx.Accordion,
options: {
activeID : -1
},
initialize: function(togglers, elements, options){
this.parent(togglers,elements,options);
},
getActiveID: function(){
return this.options.activeID;
},
setNewHeight: function( newheight )
{
this.elements.each(function(el, i){
if( this.options.activeID == i )
el.setStyle('height',newheight );
this.elements[i].fullHeight = newheight;
}, this);
},
display: function(index, useFx){
this.options.activeID = -1;
useFx = $pick(useFx, true);
index = ($type(index) == 'element') ?
this.elements.indexOf(index) :
index;
if ((this.timer && this.options.wait) || (index ===
this.previous
&& !this.options.alwaysHide)) return this;
this.previous = index;
var obj = {};
this.elements.each(function(el, i){
obj[i] = {};
var hide = (i != index) || (this.options.alwaysHide &&
(el.offsetHeight > 0));
this.options.activeID = hide ? this.options.activeID :
i;
this.fireEvent(hide ? 'background' : 'active',
[this.togglers[i],
el]);
for (var fx in this.effects) obj[i][fx] = hide ? 0 :
el[this.effects
[fx]];
}, this);
return useFx ? this.start(obj) : this.set(obj);
}
})
Maybe this will help the one or other of you ... and again many thx to
you Ryan
On 8 Sep., 16:00, Ryan Florence <[email protected]> wrote:
> Untested, I just threw this together before going to work, but this is
> the basic idea of extending a class.
>
> Fx.Accordion.Fli7e = new Class({
>
> Extends: Fx.Accordion,
>
> options: {
> // just need the new options here
> activeID: false
> },
>
> initialize: function(togglers, elements, options){
> // calls the parent initialize function
> this.parent(togglers,elements,options);
> },
>
> // add in your new methods
> getActiveID: function(){
> return this.options.activeID;
> },
>
> // override parent methods, or use parent(display) to just call the
> parent's version
> display: function(index, useFx){
> useFx = $pick(useFx, true);
> index = ($type(index) == 'element') ?
> this.elements.indexOf(index) :
> index;
> if ((this.timer && this.options.wait) || (index ===
> this.previous
> && !this.options.alwaysHide)) return this;
> this.previous = index;
> var obj = {};
> this.elements.each(function(el, i){
> obj[i] = {};
> var hide = (i != index) || (this.options.alwaysHide
> &&
> (el.offsetHeight > 0));
> this.fireEvent(hide ? 'background' : 'active',
> [this.togglers[i],
> el]);
> for (var fx in this.effects) obj[i][fx] = hide ? 0 :
> el[this.effects[fx]];
> this.options.activeID = hide ? this.options.activeID
> : i;
> }, this);
> return useFx ? this.start(obj) : this.set(obj);
> }
>
> });
>
> On Sep 8, 2009, at 3:12 AM, Fli7e wrote:
>
>
>
> > Hi there,
>
> > i am rather new at posting in this group and i have a question /
> > enhancement für the MooTools More Accordion Class.
>
> > I added a Class-Function to return the actual displayed Accordion
> > Element because i needed this function to store the actual active
> > Accordion Element in a Cookie / Session and re-use it after page
> > reloads.
>
> > For this this work i modified the Class ( var Accordion = Fx.Accordion
> > = new Class({}); ) like this:
>
> > Added option key:
> > ------------------
> > options: { activeID : false }
>
> > Added function:
> > ------------------
> > getActiveID: function(){ return this.options.activeID;},
>
> > Added in "display" function @ inner for loop:
> > ------------------
> > this.options.activeID = hide ? this.options.activeID : i;
>
> > This way i could easily call the getActiveID() function and the active
> > accordion ID (0-xx) will be returned.
>
> > I have no idea if this could be done without modifing the original
> > code of More, so my question is:
>
> > Could i achieve this without modifing the original Code or should i
> > submit this small addition to some lighthouse list or is someone of
> > the dev's maybe doing this?
>
> > A "just a test" could be seen over here:
>
> >http://www.artness.de/area/
>
> > the Accordion to the left will auto-scale it's height to fit the CSS-
> > Frame height at window resize and will be redrawn using the active
> > element stay open.
>
> > I know, the test environment over there is not perfect code but i am
> > experimenting with dynamic scaling "CSS Frames" without heavy overuse
> > of javascript (atm only the accordion is javascript).
>
> > Opera users take care: Opera won't actually scale the Accordion as
> > supposed ... no clue why atm ...
