Stop page from going back to top on AJAX call

[richtestani]

I've been working on this site:

http://rareoopdvds.com/movie?dvd=947&movie=1441

Below the specs of the movie on the page are tabs which load different content. Clicking a tab will send the page back to the top and load the required data.

How can I prevent the page from popping back up like Apple does on their trailer section or youTube does in their comments?

Thanks
Rich

[jimfraser]

The tab is actually an <a> tag with href="#"

So, you are capturing the onclick event and processing it using ajax, but you're probably not returning false from the event handler. This would prevent the default action of the link (which is to jump to the top of the page in the case of #).

[Raju Gautam]

Yes exactly do it like this:

<ul>
	<li class="detailmenu"><a href="javascript:void(null);" id="details" class="">Details</a></li>
	<li class="detailmenu active"><a class="active" href="javascript:void(null);" id="amazon">Amazon</a></li>
Marketplace</a></li>//-->
</ul>

It will solve the problem.

[richtestani]

Thanks guys, the javascript:void(null) was the ticket here.
Both comments appreciated.

Rich

[felgall]

That will of course produce a broken link if JavaScript is disabled. If you don't want it to link to somewhere if javaScript is disabled then why are you using an <a> tag to attach the onclick instead of attachhing it to a styled <span> tag.