Hi,
What have you done with mootools so far? How known are you with
mootools/javascript? Maybe you should use jquery and just grab that
plugin? ;)
Nah, from what I see this is basically a div that is set to display
"none" on the page. When you click the sign button all it does is
switch to display "block" (and maybe position it).. it also sets the
button to an "active" state (e.g. adding a css class).
It's not using some fancy fx or something.
Also, you just add the regular href link to the login page like you
normally do. With mootools you add a domready event to the page that
will initiate the script that adds a click event to the Sign in button
prevents the button to use the href and add the logic to display the
div that contains the login form (and perhaps positions the div if the
Sign button location is not fixed).
E.g. roughly:
$('btnSignIn').addEvent('click', function(e) {
e.stop(); //you will not be redirected
$('containerSignInForm').setStyle('display', 'block'); //display
login form etc.
this.toggleClass('active'); //makes the button light blue
});
Ok, this is really simply put, because you also need to handle the
follow up when someone clicks again on the button (hide the div,
remove active class for the button etc.)..
You have an idea how to start experimenting with this now?
I'm swamped with some moo crazyness myself atm so can't cook up a
complete piece of code, but once you start experimenting (or: check
out sources from stuff you like, like the tutorial you found), you
will learn and pick up the standard stuff pretty easy.
Maybe someone can post a complete chunk of code, with some advanced
logic in it as well, but I'd advise you to practice yourself and then
bit by bit move forward to more "complicated" stuff.
Hope this helps ;)
Rolf
On Aug 18, 12:34 pm, Deepali <[email protected]> wrote:
> Thats ok, :)
> Can anyone else tell me how can get this effect with mootools?
>
> On Aug 18, 3:16 pm, Thierry bela nanga <[email protected]> wrote:
>
>
>
> > I wish I could,
> > I've planned to do it but right now i'm too busy, maybe someone could do
> > this for you.
>
> > On Tue, Aug 18, 2009 at 11:04 AM, deep <[email protected]> wrote:
>
> > > Thanks for your quick reply thierry bela,
>
> > > I am pretty new to mootools. Could you please tell me how can i change
> > > this modules jquery to mootools?
>
> > > o
>
> > > On Aug 18, 2:57 pm, Thierry bela nanga <[email protected]> wrote:
> > > > you can try to port this jquery example to mootools,
> > >http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-wi...
>
> > > > On Tue, Aug 18, 2009 at 10:50 AM, deep <[email protected]> wrote:
>
> > > > > Hello,
>
> > > > > I want to build up log in system using mootools. I have goggled on net
> > > > > and got this nice tutorial
>
> > > > >http://web-kreation.com/demos/login_form_mootools_1.2/
>
> > > > > But i want to do it something like twitter has on their home page.
> > > > > When you clicks on login link, the login box opens up there only. and
> > > > > if someone clicks before the page is getting load it redirects you to
> > > > > the login page.
>
> > > > > Can we do this using mootools? Can anyone guide me how can i do that?
>
> > > > > Thanks in advance.
>
> > > > > Deepali
>
> > > > --http://tbela99.blogspot.com/
>
> > > > fax : (+33) 08 26 51 94 51
>
> > --http://tbela99.blogspot.com/
>
> > fax : (+33) 08 26 51 94 51
