As Rolf said (thanks for the explanation Rofl), this plugin has nothing special. Its basically a simple effect on a click event. I think the hardest part is the style you'll apply there. @deep, Rofl gave you a good start.
-- Fábio Miranda Costa Solucione Sistemas Front-End Engineer http://meiocodigo.com On Tue, Aug 18, 2009 at 3: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 >
