Solved

Web Menu Issues

Posted on 2013-05-17
7
224 Views
Last Modified: 2013-11-19
Please look at tchristy.net

Note on the left, there is a menu structure & on the right broad product groups.

Choose one of the Product groups between Sealants, Lubricants & Epoxies & Waterworks (inclusive). Note as you click on a product group, the menu expands for that group & lists what we call categories. Note that the right (page body) does the same. Click a category; the subcategories expand out in the menu & on the page body. This all works good.

Now look at the last two groups (Copper Fittings & Plumbing). These do NOT work properly.

The question is, does anyone know of a generic web menu system that I could acquire that I could use to replace this? I have a lot of web development experience & I have spent perhaps 8 hours trying to debug the issue, unsuccessfully.

Of course the menu system has to be able to be tied into the display on the page body so the two are sync.

Thanks
0
Comment
Question by:Richard Korts
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39176407
What browser, because it looks like it is working correctly for me.  Any chance you have an old version of something in cache?

Cd&
0
 

Author Comment

by:Richard Korts
ID: 39176452
COBOLdinosaur

I'm using FireFox. I didn;t check it in IE (this time) but I did previously; same issues.
0
 

Author Comment

by:Richard Korts
ID: 39176457
COBOLdinosaur

The behavior that is a problem is described more specifically as follows.

Click on Copper Fittings on the lower right. The correct categories display in the menu & on the page body. Click any category. The correct subcategories show in the left menu & in the page body. Click on of the subcategories in the page body, The correct product list in the selected subcategory shows in the page body. The left menu switches to Plumbing with the 3 categories.

Start over. Select Plumbing. The correct categories show on the left menu & in the page body.

Click any category in the left menu. Nothing happens. Click any category in the page body. The correct subcategories show in BOTH the left menu & the page body. Click on any subcategory. The correct product list in the selected subcategory shows in the page body. On the left menu, everything disappears (as if NOTHING had been selected).

It seems like ALL the product groups down through Waterworks function correctly. The last two (Plumbing & Copper Fittings) do not.
0
Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39177322
Okay, I see what you see.  I did not fully understand. Thanks for sticking with it and giving me that description.  At the point where it fails, it appears that the scripting has just collapsed.  

When I validate the page, it throws over 2200 errors.  Most of them are just because the validator does not like the links.  However there are also duplicate id declarations.  Those are serious structural errors and could account for the failure of the scripting.  The Document Object is probably getting shredded.

I assume that the duplicate ids are probably getting generated by the menu plugin or extension you did to it.  So the menu itself is not the problem, but generation seem to be the issue.

As the problem shows up on the final two top-level entries.  try removing them and see if the problem disappears or move up to the new final two.  If it disappears then the problem might just be some limitation in the plugin.  If it migrates then the logic generating the menu is flawed.

Sorry I can't be more help.

Cd&
0
 

Author Comment

by:Richard Korts
ID: 39179585
Can you give me an example of a duplicate id generation?

Thanks
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39179720
When two elements in the page have the same value for the id attribute it is invalid.  There is no way for the browser to resolve the ambiguity and the Document Object cannot be used to reference the elements.  The results are unpredictable and the page is not going to execute scripting correctly.

It is like putting the same address on every house in a small town.  How do you deliver mail, dispatch the fire department or find any particular instance of the address?

Cd&
0
 

Author Closing Comment

by:Richard Korts
ID: 39179793
OK, the id element names are generated by php. I will have to try to do something to make them unique.

Thanks
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question