A popup window that doesn't scroll the original page back to the top?

[chuckee]

Hi,
I have a webpage that uses the following code to open a popup window once a link is clicked. The problem is that the original webpage is immediately scrolled all the way back up to the top. How can I stop this from happening?

<a href="#" onClick=" window.open('terms.html','mywindow','width=600,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes')">terms and conditions</a>

Cheers!

[daveVk]

Try

<a href="#" onClick=" window.open('terms.html','mywindow','width=600,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes');return false;">terms and conditions</a>

The "return false;" should prevent the normal action of going to href="#"

[chuckee]

Thanks Dave! That works perfectly.

[vincevincevince]

My preference is to change href="#" into href="javascript://"

[Achernar]

href="javascript:;" is even better. :)

[daveVk]

Or

href="javascript:window.open( etc

and no OnClick?

[vincevincevince]

Technically speaking, I think that return false; is the more proper method as it allows you to keep your href="" for accessibility or old browsers, e.g.:

<a href="info.html" target="_blank" onClick="showpopup();return false">popup</a>

or

<a href="faq.html#33" onClick="ajax_get_faq(33);return false;">Why is the sea red?</a>

[Achernar]

I use both solutions. When the link can be visited without javascript, I put the full url in href and "return false" in onclick. If the page is only available with javascript, I put "javascript:;" in href to inform the user.