Then when clicked:
However, I am trying to get it to have the drop down BUT link to a product page that has the products of the category on it. I have the pages built and I have had the categories go to the product pages but I can't figure out how to have BOTH the drop down and the link to the product page....
Here is the code that are the links for the categories...
Does the drop down menu need to be displayed onmouseover or onclick? Your code appears to be revealing the drop down onclick, but that might be awkward from a usability standpoint (one click opens the menu, the next click redirects the window).
The drop down needs to happen when it is clicked so onclick. I need it to be like this:
1 click opens the menu AND opens the "Products Page" on the right in the content area.
So when someone clicks "HID Flashlights" it drops down with the types we offer and the links to their pages but also opens the product page "HID Flashlights" to the right in the content area which displays all of the flashlights that are in the drop down.
Thanks for the help guys! This code is jumbled from the last web developer and I'm here to try to fix it but I'm not too familiar with Ajax...
Then loading a page into your content area on the right is pretty easy. Let's say the container for your content on the right is a div with an ID of "mainContent"; you could load a page called "flashlights.php" like this:
If you want something to happen once that page is loaded, you could add a callback function, like this:
alert('Page had been loaded!');
Then clicking on any one of the sub links (like 4500 LM HID Flashlight (50w)) will call a function that contains the jQuery code.
<a href='http://www.hidcountry.com/Products/50w_hid_flashlight.php' class='c1' style='display:none;' name='HID Flashlights' id='50w-hidfl'>
<a onclick='loadContent('50w_hid_flashlight.php');' class='c1' style='display:none;' name='HID Flashlights' id='50w-hidfl'>
Then your function could be:
Ok I kinda follow what you're saying. However, since the last time I posted on here I created a JQuery dropdown menu navigation bar. Go check it out (www.hidcountry.com). Ok now I need to make it so when someone clicks the HID Kits it drops down with other products but also loads the HID Kits product page in the mainContent area. I have the page set up so the index page has the content in a mainContent div and the sidebar nav is in it's own file so how do I do this?
I think you're on the right track with your last post about it, I just need to double check. Do I just create a page that is essentially blank around the edges but not the mainContent area?