any mootools wizards?

Timbo_La · 29 Jan 2012 at 12:15

Hi,

I did the following using mootools by taking an example from the demo site and adapting it to what i wanted it to do on my site.

http://jsfiddle.net/J6ZmG/2/

I will be honest, i have tried many times to understand mootools but, it always seems to stump me at the last hurdle.

in the above example when the cursor enters the div with the class cp_post_text_box, that div moves up like i want it to.

my question is: when the cursor enters cp_post_container div (large blue) then cp_post_text_box does the same as now.

I have been down this path many times before but never quite grasped it.

hope the above makes sense

Tim

fez · 29 Jan 2012 at 16:05

Not quite sure what the issue is here. What is it doing that you don't think it should be?

NickSlash · 29 Jan 2012 at 16:13

I'm far from a wizard

but I've had a go.

Since there's no way to determine if the event is already active it will close the text drawer if you move from the picture to the text or the other way around. (there might be a way to determine it, but as ive never used mootools i dont know

)

http://jsfiddle.net/2822d/1/

RobH · 29 Jan 2012 at 16:48

Not used mootools before but have experience with jQuery and jQuery UI, here is another solution:

http://jsfiddle.net/J6ZmG/35/

Timbo_La · 30 Jan 2012 at 12:14

RobH said:
Not used mootools before but have experience with jQuery and jQuery UI, here is another solution:

http://jsfiddle.net/J6ZmG/35/

I'm far from a wizard but I've had a go.

Since there's no way to determine if the event is already active it will close the text drawer if you move from the picture to the text or the other way around. (there might be a way to determine it, but as ive never used mootools i dont know )

http://jsfiddle.net/2822d/1/

Thanks guys.

@RobH - That is what i was aiming for thanks for showing the example.

@NickSlash - also thanks for the example it is good to see other peoples code, helps me understand better.

@fez - sorry about my explantion wasn't to clear. Basically my example wasnt broke i just wanted to get it to a stage RobH has shown.

once again, thanks guys for taking the time to give me examples to look at. Sometimes i feel i spend/waste too much time trying to figure it out on my own and give up, instead of asking for help.

Tim

RobH · 31 Jan 2012 at 00:16

No problem, as a comparison, here is a similar thing done using jQuery: http://jsfiddle.net/J6ZmG/54/

Timbo_La · 3 Feb 2012 at 12:13

RobH said:
No problem, as a comparison, here is a similar thing done using jQuery: http://jsfiddle.net/J6ZmG/54/

Thanks for posting that, it is good to see how it is done in jQuery.

not having a background in javascript and jumping straight into mootools is not the best route i guess. the learning curve is steep.

Tim