Best way to get help is two-fold: 1. Simplify your problem into one small test case that illustrates what's wrong 2. Post those few lines of code to a working (or best attempt at working) demo on http://jsfiddle.net
Paste the link in here and people will help like crazy. Few of us have the time to debug your whole site. After visiting the page, web inspector in Safari revealed that you've got a handful of errors. I'd start there. Additionally, watching the behavior it seems like your CSS is off. Few of us have time/interest to debug your whole site, but most of us can take a minute or two to check out a jsfiddle. Good luck! On Oct 22, 2010, at 2:39 PM, Colt45 wrote: > Ok, so I'm going to make this short and sweet but my nomenclature > might be a little off for some advanced JS users. > > The problem I'm having is relatively simple but just can't seem to fix > it. > > So, I downloaded the mouseenter function from Mootools and have found > that the second example from the demos is how I want my navigation > menu to function on my site. I like that it hides sub menus then shows > them when the mouse enters the field. However, there is a MAIN > function that I HAVE to have on my site and that is a hover function. > Let me explain. > > My photography website is going to act as a portfolio site mostly, so > when viewers go to the navigation menu and click on a section they'd > like to see, there will be circular thumbs that appear on the left > hand side of the page. Then from there once you hover your mouse over > each respective thumb and there will be an image that appears in a > specific viewing plane. This function worked until I downloaded the > mouseenter demo. Once I tried to implement the mouseenter then the > hover function stopped working. HOWEVER, the mouseenter DID work. > > So in a nutshell, whenever the hover function IS working for the > thumbs, the mouseenter is NOT working for the navigation menu. AND > when the hover function IS NOT working for the thumbs, the mouseenter > IS working for the navigation menu. This is done by moving the > respective <script> code in my head tags around. When I move the > positioning of the script code the functionality changes. > > I can't seem to get them both working at the same time. Is there a way > to fix this where they both are doing what they're suppose to? I feel > there is something in the Java code that is not allowing this but > whenever I try to read the code I feel like I'm trying to read > Shakespeare..... from a Russian book. > > So here is what I'm going to do... below I've attached links so you > can see what each respective thing is doing. I'm designing in Firefox > so this is what I'm seeing. > > *Please note the conditional comments I left in the head tag for the > script code as well as the code in the body tags for the nav menu. * > > Link where mouseenter function works > http://www.thedigitalmachineshop.com/mouseenterdemo1.htm > > > Link where hover function works > http://www.thedigitalmachineshop.com/mouseenterdemo2.htm > > > Thanks for any and all help. If you need more info please email me at > [email protected] > > The photography site I have up for now (but with changes on the way!) > Specializing in architectural photography, based out of Austin, TX. > www.thedigitalmachineshop.com > > Any feedback about ANYTHING is greatly appreciated. > > Colt
