mootools core is the base level of the framework. mootools more has optional addons that not everyone needs. you need mootools-1.2.3, and then, optionally, additional files from the mootools more library.
On Wed, Sep 9, 2009 at 9:47 PM, Deepali <[email protected]> wrote: > > Thanks oskar and chris, > > Its working. I never thought that even the way you include your JS > file even that can affect or cause not to work your module. :0 > > I am learning new things. > > Once again thanks a lot. > > One more question when we say we need mootool files for some effect > which files we are actually need to put? I mean why we are not putting > here mootools-1.2.3 file? > > > > On Sep 9, 6:56 pm, Oskar Krawczyk <[email protected]> wrote: > > Include mootools-more AFTER mootools-core. Then, double check if > > your mootools-more build has Fx.Reveal included. > > > > ___ > > > > Oskar Krawczykhttp://nouincolor.com > > > > On Wed, Sep 9, 2009 at 14:51, Deepali <[email protected]> wrote: > > > > > Ok, getting the following errors. > > > > > Error: Fx.Reveal is not a constructor > > > Line: 33 > > > > > and the strange one is this > > > > > Error: MooTools is not defined > > > Source File: xyz/mootools/js/mootools-1.2.3.1-more.js > > > Line: 3 > > > > > i am using this same js for other effect then why i am getting this > > > error please tell me. > > > > > On Sep 9, 6:22 pm, Oskar Krawczyk <[email protected]> wrote: > > > > Define "it's not working", what's happening, is Firebug throwing > errors? > > > > Preferably put the page you're working on, somewhere online so we can > > > have a > > > > test-case. > > > > O. > > > > > > ___ > > > > > > Oskar Krawczykhttp://nouincolor.com > > > > > > On Wed, Sep 9, 2009 at 14:15, Deepali <[email protected]> wrote: > > > > > > > oops..sorry, i have added that now. > > > > > > > <script type="text/javascript" src="js/mootools-1.2.3.1-more.js"></ > > > > > script> > > > > > > > <script type="text/javascript" > src="js/mootools-1.2.3-core-yc.js"></ > > > > > script> > > > > > <script type="text/javascript"> > > > > > window.addEvent('domready', function(){ > > > > > var bar = $('the-bar'), slider = $('slider'), fx = new Fx.Reveal > > > > > (slider); > > > > > > > bar.addEvent('click', function(e){ > > > > > if($(e.target) != slider) fx.toggle(); > > > > > }); > > > > > }); > > > > > > > </script> > > > > > </head> > > > > > > > <body> > > > > > <div id="the-bar">click > > > > > <div id="slider"> > > > > > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do > > > > > eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim > ad > > > > > minim veniam, quis nostrud exercitation ullamco laboris nisi ut > > > > > aliquip ex ea commodo consequat. Duis aute irure dolor in > > > > > reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla > > > > > pariatur. Excepteur sint occaecat cupidatat non proident, sunt in > > > > > culpa qui officia deserunt mollit anim id est laborum. > > > > > </div> > > > > > </div> > > > > > > > still its not working. > > > > > > > On Sep 9, 6:05 pm, Oskar Krawczyk <[email protected]> > wrote: > > > > > > You have to wrap your code in: > > > > > > window.addEvent('domready', function(){ > > > > > > // the code}); > > > > > > > > ___ > > > > > > > > Oskar Krawczykhttp://nouincolor.com > > > > > > > > On Wed, Sep 9, 2009 at 13:51, Deepali <[email protected]> > wrote: > > > > > > > > > Thanks a lot for your help Oskar, this is something i wanted. > but > > > its > > > > > > > not working for me here is my html output source code > > > > > > > could you please tell me why its not working? > > > > > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http:// > > > > > > >www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > > > > > > > <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"; > > > > > > > lang="en"><head> > > > > > > > > > <head> > > > > > > > <style> > > > > > > > #the-bar { > > > > > > > height: 30px; > > > > > > > border: solid 1px red; > > > > > > > position:absolute; > > > > > > > top: 300px; > > > > > > > left: 0; > > > > > > > width: 99%; > > > > > > > } > > > > > > > > > #slider { > > > > > > > border: solid 1px green; > > > > > > > width: 300px; > > > > > > > position: absolute; > > > > > > > bottom: 30px; > > > > > > > overflow: hidden; > > > > > > > display: none; > > > > > > > } > > > > > > > > > </style> > > > > > > > <script type="text/javascript" > src="js/mootools-1.2.3.1-more.js"></ > > > > > > > script> > > > > > > > > > <script type="text/javascript" > > > src="js/mootools-1.2.3-core-yc.js"></ > > > > > > > script> > > > > > > > <script type="text/javascript"> > > > > > > > var bar = $('the-bar'), slider = $('slider'), fx = new > Fx.Reveal > > > > > > > (slider); > > > > > > > > > bar.addEvent('click', function(e){ > > > > > > > if($(e.target) != slider) fx.toggle(); > > > > > > > }); > > > > > > > </script> > > > > > > > </head> > > > > > > > <body> > > > > > > > <div id="the-bar">click > > > > > > > <div id="slider"> > > > > > > > > > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed > do > > > > > > > eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut > enim > > > ad > > > > > > > minim veniam, quis nostrud exercitation ullamco laboris nisi ut > > > > > > > aliquip ex ea commodo consequat. Duis aute irure dolor in > > > > > > > reprehenderit in voluptate velit esse cillum dolore eu fugiat > nulla > > > > > > > pariatur. Excepteur sint occaecat cupidatat non proident, sunt > in > > > > > > > culpa qui officia deserunt mollit anim id est laborum. > > > > > > > </div> > > > > > > > </div> > > > > > > > </body> > > > > > > > </html> > > > > > > > > > On Sep 9, 5:43 pm, Oskar Krawczyk <[email protected]> > > > wrote: > > > > > > > > Small update:http://mooshell.net/6sUSE/1 > > > > > > > > > > ___ > > > > > > > > > > Oskar Krawczykhttp://nouincolor.com > > > > > > > > > > On Wed, Sep 9, 2009 at 12:21, Oskar Krawczyk < > > > > > [email protected] > > > > > > > >wrote: > > > > > > > > > > >http://mooshell.net/6sUSE/ > > > > > > > > > > > ___ > > > > > > > > > > > Oskar Krawczyk > > > > > > > > >http://nouincolor.com > > > > > > > > > > > On Wed, Sep 9, 2009 at 11:49, Deepali <[email protected]> > > > wrote: > > > > > > > > > > >> I have seen those effect before i posted here. actually if > you > > > can > > > > > see > > > > > > > > >> both the effects are either vertical or horizontal i need > when > > > i > > > > > click > > > > > > > > >> on the image it should open upward direction of that link > like > > > the > > > > > > > > >> site has done. could you please point me right direction > for > > > how > > > > > can i > > > > > > > > >> do that? > > > > > > > > > > >> On Sep 9, 3:07 pm, Oskar Krawczyk < > [email protected]> > > > > > wrote: > > > > > > > > >> >http://en.wikipedia.org/wiki/Ping > > > > > > > > >> > Regarding > > > > > > > > >> > the effect you're looking for– it's pretty straight > forward > > > > > script, > > > > > > > I > > > > > > > > >> > doubt there's a premade "library" to do that. As I > mentioned > > > > > before, > > > > > > > > >> > you can use Fx.Slide, > > > > > > > > >> > Fx.Morph or Fx.Reveal/Dissolve. > > > > > > > > > > >> > You can start by checking the demo out: > > > > > > > > >>http://demos.mootools.net/Fx.Slide > > > > > > > > > > >> > O. > > > > > > > > >> > ___ > > > > > > > > > > >> > Oskar Krawczykhttp://nouincolor.com > > > > > > > > > > >> > On Wed, Sep 9, 2009 at 10:40, Deepali < > [email protected]> > > > > > wrote: > > > > > > > > > > >> > > I am sorry i just not getting what you are trying to > say. > > > i > > > > > can > > > > > > > see > > > > > > > > >> > > that site properly. > > > > > > > > > > >> > > where is this $ping thing? > > > > > > > > > > >> > > On Sep 9, 1:03 pm, Oskar Krawczyk < > > > [email protected]> > > > > > > > wrote: > > > > > > > > >> > > > Oddly: > > > > > > > > > > >> > > > $ ping fresheventure.com > > > > > > > > >> > > > ping: cannot resolve fresheventure.com: Unknown > host > > > > > > > > > > >> > > > On 9 Sep 2009, at 08:52, Deepali wrote: > > > > > > > > > > >> > > > > Thanks for your reply Oskar Krawczyk, > > > > > > > > > > >> > > > > that page is coming properly. wait till its get > fully > > > > > loaded. > > > > > > > you > > > > > > > > >> can > > > > > > > > >> > > > > see facebook like notification bar where you ll > get > > > recent > > > > > > > posts. > > > > > > > > > > >> > > > > yeah may be the link is useful. but i wanted to > see if > > > > > someone > > > > > > > has > > > > > > > > >> > > > > used this kind of effect or not. > > > > > > > > > > >> > > > > has anyone? > > > > > > > > > > >> > > > > On Sep 9, 12:38 pm, Oskar Krawczyk < > > > > > [email protected]> > > > > > > > > >> wrote: > > > > > > > > >> > > > >> The link doesn't work (for me at least). > > > > > > > > > > >> > > > >> What I'm guessing, you're looking for is: > > > > > > > > >>http://mootools.net/docs/ > > > > > > > > >> > > > >> more/Fx/Fx.Slide > > > > > > > > > > >> > > > >> O. > > > > > > > > > > >> > > > >> On 9 Sep 2009, at 08:23, Deepali wrote: > > > > > > > > > > >> > > > >>> Hello, > > > > > > > > > > >> > > > >>> Can anyone has worked on hide and show div > something > > > > > like > > > > > > > this > > > > > > >http://www.fresheventure.com/1719/wibiya-facebook-toolbar/ > > > > > > > > > > >> > > > >>> When you click on recent post( in toolbar) it > opens > > > up > > > > > > > > >> vertically. i > > > > > > > > >> > > > >>> was searching for the similar effect. can anyone > > > tell me > > > > > any > > > > > > > > >> > > > >>> resources > > > > > > > > >> > > > >>> for this effect? > > > > > > > > > > >> > > > >>> Thanks in advance. >
