add to cart divaGPS Standalone version: Frequently Asked Questions PC/Mac  DWMX-DWCS3  $29.00

It doesn't work! I've added the script and I've added divaGPS to my page, and I still see no highlighting in the browser. What gives?
Experience has shown the most common causes of this are:
  • You forgot to create CSS rules for the class divaGPS-here. Oops.
  • You might need to add !important to your CSS styles. See the detailed How-to pdf file you received in the zip file for more about this (or DW users can click the Help button in the divaGPS UserInterface.)
  • You are testing locally but divaGPS was designed to perform its magic on a server, either online or as localhost. What this means is that to test your page you will need either to view it on a localhost (if you don't know what that means then you don't have it), or upload it it to your remote server.
How do I tell divaGPS NOT to highlight a particular menu item?
You can easily prevent divaGPS from highlighting particular menu items by adding the class divaGPS-skip to their <a> tags. You do NOT need to add a style for this in your style sheet!
Does divaGPS work with Spry Menus?

Yes, as of version 1.1 (release date around Jan 15, 2008)

divaGPS is indeed able to highlight the current menu item and the Parent menu item, whether they be at the top-level or a submenu. I would suggest that you select the <a> option, rather than the <em> option in the UI and definitely select the Parent menu highlighting option

The text color css you add to your .divaGPS-here and .divaGPS-here classes must have an !important declaration added, as may other styles (although my testing suggests not all of them do).

One thing that the Spry script messes with is that, left to its own devices divaGPS will tell the current link to have no hand cursor, but Spry adds one back. Too bad, but no disaster.

Finally, note that divaGPSfree does not support Parent highlighting, so is really not useful for Spry menus.

What is the algorithm used by divaGPS to decide if a menulink matches the pageurl? Or when will a menulink be highlighted?
  • menulinks/pageurls with non-identical ?querystrings will NOT match, as they are considered different pages (resources), and
  • menulinks/pageurls with identical base addresses and even non-identical #hashes WILL match because they are the same page.
  • The class "divaGPS-skip" applied to the <a> element trumps all else, instructing divaGPS not to highlight that link.
I have chosen to replace the anchor with an EM element, but another EM in my menu inherits its style. How can I reset these declarations.
If you have used
#navigation em {display:block;...;}
to style the current navigation item, it is normal that all EM in your navigation inherit this rule. To reset these styles for the EM that are inside links of that menu, you can use the following rule:
#navigation a em {display:inline;...;}
I do want to support IE5mac. Is there anything special I need to do?
IE5mac can not use the <em> option, so divaGPS will automatically always use the <a> option in that browser, so be sure to include CSS styling for the <a> element as well, as if you'd chosen the <a> option...
Also, in IE5mac, hardcoded onload events in the <body> tag will prevent diva scripts from firing. So to support IE5mac you will need to move those <body> onload events to a window.onload functon. But that's easy. Here's how to move body onload events into windows.onload.