Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
MooTools Users
Home
About this group
Apply for group membership
Tween onComplete - for special fade.
Options
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
   8 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
idan Hen  
View profile  
 More options Sep 10 2012, 4:44 pm
From: idan Hen <idand...@gmail.com>
Date: Mon, 10 Sep 2012 13:44:24 -0700 (PDT)
Local: Mon, Sep 10 2012 4:44 pm
Subject: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

Hey ,

i have a site i am building , i have a content div and in my header i have
login button.
when i click the login button , i mask the content div , and display a
float div above it.

so far its all good :) , i have a close button to close the floating div
and unmask the content div.

the issue is :
when i fade('out') , i want to unmask onComplete. -> the problem is this
effect the fade('in') also !!

set("tween", {
            onComplete: function(o) {
                $('content').unmask();
            }
        }).

how can i set a "onComplete" to each fade ... -> they are both running on
the same element .....


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Sanford Whiteman  
View profile  
 More options Sep 10 2012, 4:49 pm
From: Sanford Whiteman <sa...@figureone.com>
Date: Mon, 10 Sep 2012 16:48:31 -0400
Local: Mon, Sep 10 2012 4:48 pm
Subject: Re: [Moo] Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author
In jsFiddle so we can run and edit it?

-- Sandy


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
idan Hen  
View profile  
 More options Sep 10 2012, 4:57 pm
From: idan Hen <idand...@gmail.com>
Date: Mon, 10 Sep 2012 13:57:35 -0700 (PDT)
Local: Mon, Sep 10 2012 4:57 pm
Subject: Re: [Moo] Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

Yes , ofcourse :) my bad.

http://jsfiddle.net/idanhen/hcwhn/


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
idan Hen  
View profile  
 More options Sep 10 2012, 4:59 pm
From: idan Hen <idand...@gmail.com>
Date: Mon, 10 Sep 2012 13:59:24 -0700 (PDT)
Local: Mon, Sep 10 2012 4:59 pm
Subject: Re: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

I think the main issue is , i want to create a tween fade in and out , from
the same button.
which will mask/unmask onComplete .


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Sanford Whiteman  
View profile  
 More options Sep 10 2012, 5:05 pm
From: Sanford Whiteman <sa...@figureone.com>
Date: Mon, 10 Sep 2012 17:04:54 -0400
Local: Mon, Sep 10 2012 5:04 pm
Subject: Re: [Moo] Re: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author
The jsFiddle doesn't run -- in the HTML box, you want to put just the
innerHTML of the BODY, and you also refer to $('page_login_wrapper')
and I don't see such an element.

-- S.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
idan Hen  
View profile  
 More options Sep 11 2012, 6:06 am
From: idan Hen <idand...@gmail.com>
Date: Tue, 11 Sep 2012 03:06:41 -0700 (PDT)
Local: Tues, Sep 11 2012 6:06 am
Subject: Re: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

I understand ,

its hard to do it , but basicly the request i have is :
a div , that on tween fade in complete will do 1 thing , and on tween fade
out complete will do something else.

since jquery has callback function -> its easy , and in mootools i have a
problem.

since the onComplete function will run for both fade in and out !


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Matthew Hazlett  
View profile  
 More options Sep 11 2012, 6:19 am
From: Matthew Hazlett <hazl...@gmail.com>
Date: Tue, 11 Sep 2012 06:19:25 -0400
Local: Tues, Sep 11 2012 6:19 am
Subject: Re: [Moo] Re: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

In the onComplete couldn't you just check the opacity of the object?

0 = fade out
1 = fade in

On 9/11/2012 6:06 AM, idan Hen wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
idan Hen  
View profile  
 More options Sep 11 2012, 6:27 am
From: idan Hen <idand...@gmail.com>
Date: Tue, 11 Sep 2012 03:27:18 -0700 (PDT)
Local: Tues, Sep 11 2012 6:27 am
Subject: Re: Tween onComplete - for special fade.
Print | Individual message | Show original | Report this message | Find messages by this author

OK , i found a simple yet not a good looking solution.
tell me what you guys think .... I had to clean the event after each time
....

/* the fade in */
$('page_login_wrapper').reveal().set("tween", {
                onStart: function() {
                    Dreams.Log.info('onStart hit');
                    $('content').mask();
                    pageLoginWrapper.get('tween').removeEvents('onStart');
                }
            }).fade('in');
/* the fade out */
 $('page_login_wrapper').dissolve().set("tween", {
            onComplete: function() {
                $('content').unmask();

$('page_login_wrapper').get('tween').removeEvents('onComplete');
            }
        }).fade('out');


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2013 Google