Sliding Tabs Mootools 1.2

a place to get help

Moderator: 1.2 Moderators

Forum rules
  • Every time you need help create a new thread (but please use the search function before, as your problem maybe has already been solved)
  • use code highlighting (help)
  • After your problem has been solved you have to rename the subject to "[solved] <Topicname>" AND set the Topic icon as solved (the green check)

Re: Sliding Tabs Mootools 1.2

Postby ghazal on Thu Oct 02, 2008 10:07 am

XD.
I'll look into it, but I am not a Super Mootooler, I am learning, and my way to do it is to adapt old scripts.
BTW, Stoutlabs 'Content Slider is another interesting version of the same idea:
http://www.stoutlabs.com/demos/slider_v2/
and no infamous flicker pb with Safari
ghazal
mootools fan
 
Posts: 79
Joined: Sun Aug 10, 2008 3:28 pm

Re: Sliding Tabs Mootools 1.2

Postby Alekusu on Thu Oct 02, 2008 10:42 pm

I think you are a super mootooler ! :D

This script is interesting, but it's the same problem : there isn't option for animated height :/
It sucks because when the first slide is very long and the second is very short, it's really ugly :/

I need an animated height :'(

I think the problem is in this lines :

  1.  
  2. if (this.options.animateHeight)
  3. this.heightFx.set(this.panes[this.current].offsetHeight);
  4.  


the original code for Mootools 1.11 :

  1. if (this.options.animateHeight);
  2.       this.heightFX.set({
  3.       height:this.panes[this.current].offsetHeight,
  4.       });


Save me my lord ! :cry:
Alekusu
mootools connoisseurs
 
Posts: 39
Joined: Wed Sep 24, 2008 9:42 am

Re: Sliding Tabs Mootools 1.2

Postby ghazal on Fri Oct 03, 2008 9:07 am

You are nice but I am stuck.
The pb is :
this sets the option (around line 65)
  1.    if (this.options.animateHeight)
  2.       this.heightFx.set(this.panes[this.current].offsetHeight);

this should "animate" the option (around line 97)
  1. if (this.options.animateHeight)
  2.       this.heightFx.start(this.panes[this.current].offsetHeight);

But, then, according to docs, "start" is used for some other "actions" in Moo 1.2

So, either the option is badly set/formed, or the way to animate the option is wrong (I have tried every other possibility, get, getHeight, getSize, etc...)

Well anyone an idea ?
ghazal
mootools fan
 
Posts: 79
Joined: Sun Aug 10, 2008 3:28 pm

Re: Sliding Tabs Mootools 1.2

Postby dailce on Fri Oct 31, 2008 8:39 am

I love this script great work.

HOWEVER, I upgraded to mootools 1.2.1 and Sliding tabs no longer works in ie7. The functionality of the tabs is gone, clicking on the tabs causes it to skip over or miss. I think it's a styling issue or possible error.

Help :o
dailce
 
Posts: 8
Joined: Fri Sep 26, 2008 1:54 am

Re: Sliding Tabs Mootools 1.2

Postby ghazal on Fri Oct 31, 2008 11:40 am

Sorry I cant help you about this IE7 pb, Mac only here.
But I am still bugged by the offsetHeight pb.
Cant find a workaround.
ghazal
mootools fan
 
Posts: 79
Joined: Sun Aug 10, 2008 3:28 pm

Re: Sliding Tabs Mootools 1.2

Postby dailce on Fri Oct 31, 2008 4:44 pm

ghazal wrote:Sorry I cant help you about this IE7 pb, Mac only here.
But I am still bugged by the offsetHeight pb.
Cant find a workaround.


I simply removed the fx.height for now. Trying to get the tabs to function properly, still strange how the upgrade to 1.2.1 broke it in ie7.
dailce
 
Posts: 8
Joined: Fri Sep 26, 2008 1:54 am

Re: Sliding Tabs Mootools 1.2

Postby Alekusu on Fri Nov 21, 2008 1:43 pm

Hello,

What's up about the offsetHeight bug ?
No good news i guess :|
Alekusu
mootools connoisseurs
 
Posts: 39
Joined: Wed Sep 24, 2008 9:42 am

Re: Sliding Tabs Mootools 1.2

Postby ghazal on Fri Nov 21, 2008 2:14 pm

Sorry. No good news.
I kept working on it.
My understanding of offsetHeight must be limited as I didn't find a working solution.
Pb is around those lines :
Line 18
  1. animateHeight: true, // animate height of container

Line 27
  1. heightFx: null, // this one animates the height

Line 65
  1. if (this.options.animateHeight)
  2.       this.heightFx.set(this.panes[this.current].offsetHeight);

Line 92
  1. if (this.options.animateHeight)
  2.       this.heightFx.get(this.panes[this.current].offsetHeight);


Last line, 1.11 wise, it was:
  1. if (this.options.animateHeight)
  2.       this.heightFx.start(this.panes[this.current].offsetHeight);

But "start" is dedicated to other functions with 1.2

And I don't know how/where to modify to get this working
I tried all kinds of CSS tweakings too
:?:
PS: I also posted in googlegroups, but I must have worded my question badly because no one cared to answer.
ghazal
mootools fan
 
Posts: 79
Joined: Sun Aug 10, 2008 3:28 pm

Re: Sliding Tabs Mootools 1.2

Postby theStorm on Sat Nov 22, 2008 8:46 pm

hi.

i have the same problem. found this thread and did later recognized that it is very new.
...so
can anybody help us out here?
would be very great!
theStorm
 
Posts: 9
Joined: Sat Nov 22, 2008 8:42 pm

Re: Sliding Tabs Mootools 1.2

Postby theStorm on Sun Nov 23, 2008 11:00 am

okay, i got the solution! :D

its easy...
i just looked over the code, tried to understand, did, and changed... :)

just replace the following line
  1. this.heightFx.get(this.panes[this.current].offsetHeight);

which is right next to
  1. if (this.options.animateHeight):


with following one:

  1. this.heightFx.tween('height',this.panes[this.current].offsetHeight);


PS: the other changes which have been posted from ghazal have to bee done also, of course.
theStorm
 
Posts: 9
Joined: Sat Nov 22, 2008 8:42 pm

PreviousNext

Return to Help

Who is online

Users browsing this forum: No registered users and 1 guest