great!
On Tue, Aug 18, 2009 at 7:12 PM, Rolf <[email protected]> wrote:
>
> 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
>
--
http://tbela99.blogspot.com/
fax : (+33) 08 26 51 94 51
