Fx.Slide Guide

javiercviegas wrote:How strange! If i use the last version of mootools.js (1.2.1 core) downloaded from here it doesn´t work at all, and if i use the example js it works, but it doesn´t show all the info. What am i doing wrong?

Am I the only one that thinks there may be a problem with 1.2.1?
help12/sliding-tabs-mootools-t329-10.html

Very nice tutorial. I have two more questions:

*/ When I open the page, none of the div's are displayed. How can i open the first by default?
*/ I have a little navigation-menu. I use the id "current" on my li-item to indicate the current item. How can i remove the current on the first item when another is clicked (and add the current id to the new item)?


Thanks in advance!

drcosmo wrote:Very nice tutorial. I have two more questions:

*/ When I open the page, none of the div's are displayed. How can i open the first by default?
*/ I have a little navigation-menu. I use the id "current" on my li-item to indicate the current item. How can i remove the current on the first item when another is clicked (and add the current id to the new item)?


Thanks in advance!

Oooh! I can actually help someone else!

If you want to display the first div, just put:

in there right after the line:


Conversely, if you wanted to show the last div, you could use:


It works in Firefox but throws an error in IE7, both using Mootools .1.2.1.

By the way, awesome tutorial. I struggled with this for hours using each() and it really was cumbersome. This is a very slick and clean solution. Thanks so much!

dailce wrote:

javiercviegas wrote:How strange! If i use the last version of mootools.js (1.2.1 core) downloaded from here it doesn´t work at all, and if i use the example js it works, but it doesn´t show all the info. What am i doing wrong?

Am I the only one that thinks there may be a problem with 1.2.1?
help12/sliding-tabs-mootools-t329-10.html

I'm using Mootools 1.2.1 and the script and HTML from this guide works flawlessly with it in Firefox 3.x with no errors showing up at all; however, in Win XP SP3/IE7 it throws the following error:

Line: 192
Char: 63
Error: invalid argument
Code: 0

Is anyone else having this problem in IE7?

linux4me wrote:Is anyone else having this problem in IE7?

I finally figured out why IE7 was throwing an error. It turned out that for some reason, IE7 can't handle the line:


Remove those, and you're good to go.

Hi

Thanks for this. I have wasted two days trying to do just this. I'm new to moo and I'm trying to port my stuff from jquery.

Here is where I've used it: http://www.argyllnewmedia.co.uk/regale/ ... /index.php

I have a problem though

When the registration form is submitted, an error message is returned which I append to a 'RegistrationFormErrors' div.

The problem is the slide.fx creates a wrapper around <div class="item-content">

This wrapper has a style of: <div style="margin: 0px; overflow: hidden; position: static; height: 207px;"> ..

which means that the height of 'item-content' cannot be extended.

What can I do ensure that I can append text when the slide is open?

This script is working in all other browsers than IE7 any suggestion how to get it working in IE7 aswell? I have tested in FF (Win / Mac), IE6, Opera (Win / Mac), Safari and everything works perfect, exept from in Internet Explorer 7. I am getting an error message on the status bar.

Any ideas?

linux4me wrote:

linux4me wrote:Is anyone else having this problem in IE7?

I finally figured out why IE7 was throwing an error. It turned out that for some reason, IE7 can't handle the line:

Line number On/Off | Expand/Contract | Select all

1. transition:Fx.Transitions.Back.easeIn

Remove those, and you're good to go.

This solved it!! Thank you very much!!

Great tutorial!

I was trying the script to get a horizontal slide. I simple added mode:'horizontal' to the slide options. The problem however is that the text slides in and out correctly, but the position is not right. Menu option 4 is shown on line 4 (should be line 1) etc.

Is there a way to solve this?

Edit:
Perhaps a good way to get a horizontal slide is to do a horizontal slide first, then "clear up" the space with a vertical slide. I am trying for hours now to get this working....but nothing works. Anybody a hint?

For anyone needing just a simple implementation, I created this menu script a while ago called SlideMenu

It handles vertical or horizontal menus, using mouseover/out and takes care of some of the buggy issues trying to use mouseover/out. Nested Menus are possible to some extent, but this script was not intended for anything more complex than a single-level menu.