Question

30

How to prevent reload with onclick without #?

rated 0 times [ 36] [ 6] / answers: 1 / hits: 70845 / 11 Years ago, tue, july 16, 2013, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

austonjuancarlosb

Add To Favorites

Follow

Total Points: 238

Total Questions: 89

Total Answers: 99

Location: Chad

Member since Mon, Dec 5, 2022

1 Year ago

austonjuancarlosb questions

1 TypeError: Cannot read properties of undefined (reading 'call') on Next.js

Sat, Dec 17, 22, 00:00, 1 Year ago

1 How to check if Metamask is connected after page refreshing

Sat, Feb 19, 22, 00:00, 2 Years ago

1 Slash Commands - Discord.js

Sun, Mar 14, 21, 00:00, 3 Years ago

1 How to reload Next.js page initial props without reloading the whole page

Mon, May 18, 20, 00:00, 4 Years ago

1 How can I disable keyboard input on an html input of type number? What about in react or material-ui?

Tue, Apr 14, 20, 00:00, 4 Years ago

View All

answered 11 Years ago katelinb · Accepted Answer

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.