[RESOLVED] Firefox Won't go to the targeted ID

[cbVision]

Hello,

I'm running into an issue with Firefox and Opera in that it won't go to the targeted portion of the page by using the ID.

Here's an example:

http://dell.msn.com/#foot

If you go there, you should be dropped down into the footer because the element has the id "foot". In Firefox and Opera, it doesn't take you down to the bottom unless you put your cursor back in the address bar and click return again. I need the ability to direct users to a section of the page based on this.

Any ideas? It works in IE, Safari, Chrome.

Thanks.

[aj_nsc]

Also works in FF3.6.3 and Opera 10.51

[cbVision]

Very weird. I'm using FF 3.6.3, and when I paste the url "http://dell.msn.com/#foot" into a new window, it doesn't take me to the footer.

[aj_nsc]

Clear your cache.....that's all I got.

[Chipzzz]

It's a scripted behavior from s-msn.com. If you browse it in Firefox with no-script and block s-msn.com, it will work properly.

Interesting...

Cheers,

Chipzzz

[cbVision]

Hm, it does indeed work with JavaScript turned off. The funny thing is that what made me investigate this is that it's happening in a project i'm working on (so it's not only MSN).

There is a lot of AJAX going on in my project, so I'm guessing it's somehow related. This one is going to be tricky!

It's definitely something with the script. Thanks for your help fellas.

[kathyholder]

Clear cookies & have a go at it. FF keeps updating and little problems seem to come with it.

[cbVision]

I've narrowed the issue down and found that this is the piece of the script that causes the targeting to fail:

$("#main .scroll-wrap").css('height', '200px');

I'm basically resizing the content area based on the users window size (in the example above I've simply put '200px'). The targeted #whatever is inside the scroll-wrap div, so when it resizes, FF must put the user back to the top of the document instead of going down to #whatever.

I'm thinking I can tweak the script to extract the targeted element from the URL then go to it.

[cbVision]

Just wanted to post the working tweak if anyone cares!

	// firefox wouldn't go to target on load due to resizing, so this function was created
	function goToTarget(){ 
		var myLocation = document.location.hash.replace("#","");
		if (myLocation) {  
			myLocation = '#' + myLocation;
			window.open(myLocation,'_self')
		};
	};
	
	// firefox needs to call this to go to the selected target
	goToTarget();

Sorry this has turned into a JavaScript thread!

[Chipzzz]

It's OK, JavaScript is interesting too. Thanks for the exercise & the solution .

Chipzzz