Solved

Web Menu Issues

Posted on 2013-05-17
7
220 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
  • 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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

760 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now