/* Thank you Drew McLellan for starting us off with http://24ways.org/2006/tasty-text-trimmer */ TextTrimmer = Class.create(); TextTrimmer.prototype = { initialize: function(attachitem, targetitem, chunkClass, minValue, maxValue) { this.attachitem = attachitem; this.targetitem = targetitem; this.chunkClass = chunkClass; this.minValue = minValue; this.maxValue = maxValue; this.curValue = maxValue; this.chunks = false; this.sliderhandle = 'trimmerhandle'; this.slidertrack = 'trimmertrack'; this.trimmore = 'trimmermore'; this.trimless = 'trimmerless'; this.prevState = null; this.trimMoreListener = this.trimMoreAction.bindAsEventListener(this); this.trimLessListener = this.trimLessAction.bindAsEventListener(this); this.init = false; }, setupTrimmer: function(newvalue) { this.curValue = newvalue; if (this.curValue >= this.maxValue) { this.curValue = this.maxValue; $(this.targetitem).removeClassName("trimmed"); } else if (this.curValue < this.minValue) { this.curValue = this.minValue; } this.chunks = false; var thisTrimmer = this; if (this.trimSlider instanceof Control.Slider) { this.trimSlider.dispose(); } this.trimSlider = new Control.Slider(thisTrimmer.sliderhandle, thisTrimmer.slidertrack, { range: $R(thisTrimmer.minValue, thisTrimmer.maxValue), sliderValue: thisTrimmer.curValue, onSlide: function(value) { thisTrimmer.doTrim(value); }, onChange: function(value) { thisTrimmer.doTrim(value); } }); if (this.init) { Event.stopObserving(this.trimmore, 'click', this.trimMoreListener); Event.stopObserving(this.trimless, 'click', this.trimLessListener); } Event.observe(this.trimmore, 'click', this.trimMoreListener); Event.observe(this.trimless, 'click', this.trimLessListener); this.init = true; }, trimMoreAction: function() { this.trimSlider.setValue(this.curValue + 20); }, trimLessAction: function() { this.trimSlider.setValue(this.curValue - 20); }, trimAgain: function(value) { this.loadChunks(); this.doTrim(value); }, loadChunks: function() { var everything = $(this.targetitem).getElementsByClassName(this.chunkClass); this.chunks = []; for (i=0; i'; } } /* Add 'trimmed' class to while active */ if (this.curValue != this.maxValue) { $(this.targetitem).addClassName("trimmed"); } else { $(this.targetitem).removeClassName("trimmed"); } }, saveState: function() { this.prevState = new Hash({ curValue: this.curValue }); }, restoreState: function() { if (this.prevState instanceof Hash) { this.setupTrimmer(this.prevState.curValue); this.prevState = null; } } }