Thank you so much for the help I've already received. One thing to keep in mind is that I'm a photographer and not really a web designer. I'm trying to put together my own site being that the hover functionality is what I wanted the most on my site. I have a do-it- yourself mentality so I felt that I could code a website the way I saw it in my mind. I wanted people to be able to view my content quickly and without all of the clicking and opening of new windows and such.
Here is the jsfiddle link you requested. I HOPE that it helps out. http://jsfiddle.net/colt45/UAX8Q/ Now Rolf-nl broke some great news to me. He said I was trying to use jquery for the hover function and mootools js for the mouseenter. Is there a way to reference the two in the head tag but have them get along and play nice with each other? If so, that would be the easiest route, however if there is a better way to have this hover function using mootools or JS or SOMETHING I'm all ears. Should I scrap the jquery? Should scrap the JS? Should I integrate? Can I integrate? I know that you don't have time to de bug my whole site but the above links on my first message illustrate what's going on in each link. Also, I'm using Firebug to show my errors and even though I can see sometimes there are errors, I don't know how to fix them. My CSS might seem off because some of the CSS is referencing some old HTML code for an old nav bar I had up originally. The reason I haven't gotten rid of it, is when I do some the positioning of my thumbs seems to be off so I keep the old CSS to avoid having to redo the whole thing. On Oct 22, 4:30 pm, Ryan Florence <[email protected]> wrote: > 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 onhttp://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
