How do I cancel a href in javascript?

**MAHESA** · 08-05-2010

Hello to all,
I am using link like

Code:

<a href=go_somewheres.htm onClick=doTest() return>Go</a>

and I have written JavaScript like:

Code:

 function doTest(){
     return confirm("Click OK button to go to the next page, or click Cancel to stay on this page");
}

When I use this construct, it always go to the next page even if I press any button from the JavaScript pop-up. Can anyone tell me How do I cancel a href in javascript?
Please help me.

**Praetor** · 09-05-2010

Code:

<a href=go_somewheres.htm onClick=doTest() return>Go</a>

Hey in your above code You haven't enclose value like "go_somewhere.htm" and function like "'return doTest();" in the inverted commas and that's why you are getting this problem. In this case you have to put these values into inverted commas to fix this problem. Use following code.

Code:

<a href='go_somewhere.htm' onClick='return doTest();'>

**Katty** · 09-05-2010

Do some changes in your html code like this. Instead of go_somewheres.htm use "#"

Code:

<a href="#" onClick=doTests();return false;>Go</a>

Now write JavaScript like following:

Code:

function doTests(){
  var at =   return confirm("Click OK button to go to the next page, or click Cancel to stay on this page");
if(at)
window.location.href = "go_somewheres.htm"
else
return false;
}

**kelfro** · 09-05-2010

As per my knowledge you have to remove return from the var line to get rid out of this problem. Just look at following example.

Code:

<BODY>
 <a href="#" onClick=doTests();return false;>Go</a>

Use following JavaScript:

Code:

<script>
function doTest(){
  var at =   confirm("Click OK button to go to the next page, or click Cancel to stay on this page");
if(at)
window.location.href = "http://www.google.com"
else
return false;
}
</script>
</BODY>

**Zecho** · 09-05-2010

Hey as per my knowledge you have to use following code to get rid out of this problem. In the following code I have given "return false;" to the onclick function.

Code:

<a href="http://www.gmail.com" onclick="return false;">Click here</a>

Now you have to write javascript like this:

Code:

<script>
function cancel(flags){
  if(flags == 1){
    return false;
  }else{
    return true; 
  }
}
</script>

**absolute55** · 12-05-2010

As per my knowledge you have to use one of the following two html code to fix this problem. Using this code you will not able to go to the next page. Just try one of them in your code.

Code:

<a href="#" onclick="doSomethings(); return false;">

Or

Code:

<a href="nonJavascriptAlternatives.html" id="foo">

Now in the JavaScript write following:

Code:

$('foo').click(function() { doSomethings(); return false; });

**Reegan** · 13-05-2010

I would recommended you to use following code in your program.

Code:

<a href="nons_javascripts_alternatives.html" onclick="doSomething(); return false;">

In the above code instead of "go_somewheres.htm" I have use "nons_javascripts_alternatives.html". Using this you can either stay on the same page or you can go to the next page.