ansaurus

Question

Answer 1

+1 A:

You can link to the new location by using the anchor, as you have already done. Then, on the new page, you can grab the hash value (window.location.hash) from the URL and highlight that particular element sharing the value.

// untested, but close enough to convey the point
$(function(){
  var theHash = window.location.hash.split("#")[1];
  $("a[name='"+theHash+"']").parent("p").addClass("highlight");
});

Jonathan Sampson 2009-11-07 17:20:38

Your selector won't work because window.location.hash includes # character.

Robert Koritnik 2009-11-07 17:34:08

Robert, fixed. Thank you for pointing that out.

Jonathan Sampson 2009-11-07 17:59:54

Answer 2

+1 A:

Add id to Anchor tag as well

jQuery selector will work faster when you use an id. Just take the #part from the URL and use it in jQuery selector.

Change your page 2 to:

<a id="footwell" name="footwell">...</a>

You can choose whatever animation you want to highlight your anchor or add a class like someone else suggested, but your highlighted part will stay as set by the class the whole time you'll keep it's CSS class setting. By using animation it will highlight like we're used to (even here on SO). With animation...

This is the code you have to put on your second page:

$(function() {
    $(window.location.hash).parent().animate(...)
});

You can of course use this plugin as well to not mingle with custom animations.

Robert Koritnik 2009-11-07 17:24:58

ansaurus

tags:

views:

answers:

jQuery selector help ?

Add id to Anchor tag as well

related questions