Hi Mike,
First guest: IE doesn't like superfluous commas in object definitions
(like before a closing angle bracket)
var showFunction = function() {
//resets styles
$$('.mootab-content').setStyles({
'display': 'none',
'opacity': 0, // <- Here, ...
});
//styles to morph to
this.start({
'display': 'block',
'opacity': 1, // <- ... and here
});
}
On Oct 6, 2:10 pm, Mike_Openmotive <[EMAIL PROTECTED]> wrote:
> Sorry to bother with another IE issue but I'm having problems getting
> my code to work in IE. I'm a new user and I'm hoping it's something
> simple!
>
> var showFunction = function() {
> //resets styles
> $$('.mootab-content').setStyles({
> 'display': 'none',
> 'opacity': 0,
> });
>
> //styles to morph to
> this.start({
> 'display': 'block',
> 'opacity': 1,
> });
>
> }
>
> window.addEvent('load', function() {
> var elOneB = $('mod1');
> var elTwoB = $('mod2');
> var elThreeB = $('mod3');
> var elFourB = $('mod4');
> var elFiveB = $('mod5');
>
> //create morph object
> elOneB = new Fx.Morph(elOneB, {
> link: 'cancel'
> });
> elTwoB = new Fx.Morph(elTwoB, {
> link: 'cancel'
> });
> elThreeB = new Fx.Morph(elThreeB, {
> link: 'cancel'
> });
> elFourB = new Fx.Morph(elFourB, {
> link: 'cancel'
> });
> elFiveB = new Fx.Morph(elFiveB, {
> link: 'cancel'
> });
>
> $('tab1B').addEvent('click', showFunction.bind(elOneB));
> $('tab2B').addEvent('click', showFunction.bind(elTwoB));
> $('tab3B').addEvent('click', showFunction.bind(elThreeB));
> $('tab4B').addEvent('click', showFunction.bind(elFourB));
> $('tab5B').addEvent('click', showFunction.bind(elFiveB));
>
> });
