I have the following code, which works fine:

<input type="button" name="btnHello" value="Hello" onclick="Test();"/>

and here is the JS function:

function Test() {
  window.location.href = "Page2.aspx";
}

When I click my Hello button, it redirects to Page2.aspx like expected. But when I change my button to an image button:

<input type="image" src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

It no longer works. The page posts back, but its more like a refresh. I can put an alert in the JS function to see that it is getting called, but I'm not sure why the redirect doesn't work? Has anyone ever experienced this?

I know its probably something stupid, but I'm stumped.

Many thanks in advance!

I have the following code, which works fine:

<input type="button" name="btnHello" value="Hello" onclick="Test();"/>

and here is the JS function:

function Test() {
  window.location.href = "Page2.aspx";
}

When I click my Hello button, it redirects to Page2.aspx like expected. But when I change my button to an image button:

<input type="image" src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

It no longer works. The page posts back, but its more like a refresh. I can put an alert in the JS function to see that it is getting called, but I'm not sure why the redirect doesn't work? Has anyone ever experienced this?

I know its probably something stupid, but I'm stumped.

Many thanks in advance!

• javascript
• html
• image
• http-redirect
• imagebutton

4 Answers 4

You need to return false from the event handler to prevent the default action.

However, since you don't want it to postback in the first place, you might as well use an ordinary <img /> instead of an <input />.

The redirect is getting cancelled because you are doing a postback. Add return false; after the function test();

e.g

onclick="test();return false;"

Try using an img tag:

<img src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

input type image does not have a onclick event. You need to use the img tag instead. <img onclick="Test();">