How to prevent reload with onclick without “#”?

Question

I wish to put some instructions with a link - onclick calling a script that display a simple alert box. If I did like this...

<label for="arquivo">Máximo de 1MB, observe os <a href="" onclick="ajudaUpload();">tipos permitidos</a>.</label>

the page is reloaded even with a return false, and if I did like this...

<label for="arquivo">Máximo de 1MB, observe os <a href="#" onclick="ajudaUpload();">tipos permitidos</a>.</label>

with the "#" symbol, the page is scrolled to the top and "#" is added to query string. Is there a third way to do it without reloading, scrolling and garbage?

Answer 1

Remove your herf and give id for your tag. Then by using id you can show your alert. ('#id').click(function (){alert(message); return false; });

Answer 2

You can use:

<a href = "javascript:void(0);" onclick="ajudaUpload();"> 

Even I was stuck on a similar problem. I wanted to use onclick function but the page would reload, which I didn't want. I tried href = "javascript:void(0);" and it worked.

Answer 3

<a href="" onclick="return ajudaUpload()">tipos permitidos</a>

and then return false in your function:

function ajudaUpload()
{
  ...
  return false;
}

Answer 4

Very simple way to do this is just add '?' (questionmark) :)

F.e.

<a href="#?">Moiz Travadi</a>

Answer 5

Return false after the call:

<a href="" onclick="ajudaUpload();return false;">tipos permitidos</a>

Or if your function returns false then you can return the result of the function:

<a href="" onclick="return ajudaUpload();">tipos permitidos</a>

It's not enough to just return false in the function, you need to actually return false from the click handler.

Answer 6

Almost any element suports onclick events, so you can use a b tag, or a button tag, even an span tag. Then you can style it to look just like a link (a tag), or any other way you want. For example:

<label for="arquivo">Máximo de 1MB, observe os <b onclick="ajudaUpload();">tipos permitidos</b>.</label>