Thnaks fo your reply Aaron, you mena to say mootools-1.2.3 is not base level framework? I mean in the above code also i didnt added this file. still its working. just have this doubt. could you please tell me that do we need to add this JS all the time?
On Sep 10, 10:34 am, Aaron Newton <[email protected]> wrote: > 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.
