Why does onclick event not cancel href navigation?

**Cordell** · 13-05-2010

Hello to all,
I have written following HTML code:

Code:

<html>
<head>
    <title></title>
</head>
<body>
    <a onclick="return confirm('Are you sure?');" href="http://www.google.com">BBC</a>
</body>
</html>

I want to produce HTML page with a single link. If I click on that link, it will ask for confirmation and If I press Cancel the link will not activate. But using above code it goes to the other link even if I press cancel. Can anyone tell me why does onclick event not cancel href navigation?
Please help me.

**Praetor** · 13-05-2010

Hey I exactly copied your code and paste it in notepad. After that I make html page of it and it is working fine with me. It works as expected. I haven't get any problem with it. When I click on the cancel button, nothing happened and When I click on the OK button, it goes to the next link. I think you haven't refresh you page after making changes in the notepad and that's why you are getting such type of problem. Just try to refresh you browser page and then again try it.

**Katty** · 13-05-2010

From your information it seems that you are using Opera and that's why you are getting this problem. when you use Opera browser to make such type of validation and calculation, it does not work properly and that's why you didn't get proper result. In this case you have to use another browser like Firefox and Internet explorer.

**kelfro** · 13-05-2010

Code:

<html>
<head>
    <title></title>
</head>
<body>
    <a onclick="return confirm('Are you sure?');" href="http://www.google.com">google</a>
</body>
</html>

Hey you have to use above code to get rid out of this problem. In the above code I have assign "return confirm('Are you sure?');" function to the onclick variable. Just make these changes and try to run again.

**Zecho** · 13-05-2010

First use following HTML code

Code:

<html>
<head>
    <title></title>
</head>
<body>
    <a href="http://www.google.com"  onclick="return confirm('Are you sure?');">google</a>
</body>
</html>

In the above code I have assign "return confirm('Are you sure?');" function to the onclick event.
Now write javascript like this;

Code:

<script LANGUAGE="javascript" >
<script>

**absolute55** · 14-05-2010

Originally Posted by Cordell

Hello to all,
I have written following HTML code:

Code:

<html>
<head>
    <title></title>
</head>
<body>
    <a onclick="return confirm('Are you sure?');" href="http://www.google.com">BBC</a>
</body>
</html>

I want to produce HTML page with a single link. If I click on that link, it will ask for confirmation and If I press Cancel the link will not activate. But using above code it goes to the other link even if I press cancel. Can anyone tell me why does onclick event not cancel href navigation?
Please help me.

Hey there is no need to worry about it. Just save that code in to another notepad and save it with .html extension. Now try to open that page with another browser.