PDA

View Full Version : Highlight Named Anchor Destination


johnMoss
09-27-2012, 06:32 PM
Objective: When a link to a named anchor is clicked, have the named anchor get a background highlight to make it stand out.

http://www.yontif.com/faq.html

The links of course send you just fine to the anchor, and now I would like the anchored element, in this case the respective <h> tags, to have a highlighted background when their link has been selected.

I've dug around & found a couple scripts, but I'm doing something wrong; I can't get them to work.

In the moment I have this in the head of document and no other new code added:

<script type="text/javascript">
function highlightAnchor(name) {
location.hash = name;
document.getElementById(name).style.backgroundColo r = "#CCCCCC";
}
</script>

Correct finish to this or does anyone have a working script laying around?

ranjan
09-29-2012, 03:35 PM
With jQuery

http://jsfiddle.net/JQzgP/

Without jQuery

http://jsfiddle.net/uH4UP/

johnMoss
09-29-2012, 08:19 PM
Like a champ, thank you sir...