Come on Deepali, you keep making the same mistake... You have this: <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3.1- more.js"></script> <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3- core.js"></script> <script type="text/javascript" src="<?=$retpath;?>/mootools.svn.js"></ script>
You can't load the "more" file before the "core" file as it purpose is to extend the basic mootools library. If you load it first it will have nothing to extend and will fail. Secondly, somebody correct me if I am wrong, but I suspect that the mootools.svn.js file is just an older version of the "core" version (most likeley version 1.1). If this is the case, again, you can't have two different versions of the same library on the same page, they are bound to not work. You need to organise your code and get all the effects that you want to work working with just one version (ideally the latest). I have modified your mooshell version to get it working as I believe you want it, all using just one library: http://mooshell.net/tWG58/ Note - mooshell.net is using the latest version of mootools (1.2.4) which has a small "bug" or "feature" (I'm not sure if it is deliberate or not) that requires the layer that is being hidden to have a class style of "overflow: hidden;" - to this end I have also added this to the css on the ".v-menu" element. If you stick with your current version, you shouldn't need to make this change. So: 1. - change your javascript file order 2. - remove and forget about completely the mootools.sv.js file - that is an old version and you would be best not to use it at all. 3. - change your mootools code to what I have done in my mooshell version of your code. Chris P.S. - Also, nothing to do with this but you should start using the "correct" php tags. "<?" is depreceated and in future versions of php will not work at all. You should use "<?php" On 23 oct, 08:14, Deepali <[email protected]> wrote: > hello, > > I was trying to put hide and show login panel and make images brighter > on hover on the same page > for hide and show login panel i need the following files > > <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3.1- > more.js"></script> > <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3- > core.js"></script> > <script type="text/javascript" src="<?=$retpath;?>/mootools.svn.js"></ > script> > > and for opacity on hover for the images i need- > > <script type="text/javascript" src="mootools.1.2.3.js"></script> > > Here is the way it is looking on the same page > > http://mooshell.net/3RNwr/ > > opacity on hover of the images only works when i comment svn file and > the following part > > <script type="text/javascript"> > window.addEvent('domready', function(){ > var mySlide = new Fx.Slide('v-menu2').hide(); > $('toggle').addEvent('click', function(e){ > e = new Event(e); > mySlide.toggle(); > e.stop(); > > });}); > > </script> > > which is for the login panel. It seems svn file is creating some > problem here. but that is needed for login panel. > > Can anyone tell me how i can make it work both the application on the > same page? > > Thanks in advance.
