Browser created button in <Anchor> with IE>?

[Clint_c]

Anyone know of a way to get IE to draw a clickable, workable button within an anchor tag?

<A HREF="javascript:[function]" TITLE="Click Button">
<BUTTON>Click this Button</BUTTON>
</A>

This seems to work in Netscape and Firefox but not in IE. The button shows but clicking it does nothing in IE as opposed to Netscape where the javascript function fires.

I've tried numerous approaches, putting the button within a <FORM></FORM> set, etc. Nothing seems to work in IE; all work in Netscape (have not tested all for Firefox).

<A HREF="javascript:[function]" TITLE="Click Button">
<FORM METHOD="link"><INPUT TYPE="submit", VALUE="Click this button"></FORM>
</A>

Currently the only way I can seem to get this to work is to create an image of the button and use...

<A HREF="javascript:[function]" TITLE="Click Button">
<IMG SOURCE="button.png" BORDER="0">
</A>

But making a picture of every button is tiring and not nearly as flexable, also the button does not highlight when you move over it as a generated button will.

Why can't Microsoft start charging for IE so everyone would switch to Firefox!

[Dan Schulz]

What you're going to want to do is put a span inside the anchor, give the span a class of "button" and then style the span to look like a button.

Why can't Microsoft start charging for IE so everyone would switch to Firefox!

They already do. It's called purchasing Windows. In fact, Internet Explorer 7 will not run unless you have a valid (read: "Genuine") copy of Windows XP or Vista (when Vista comes out, anyway).

[AutisticCuckoo]

You have three choices:

1. Use an <input type="button"> (or type="submit") and style it to look like a link anchor.
2. Use an anchor and style it to look like a button.
3. Use <button><a href="...">Click this button</a></button>

[Immerse]

If you're running javascript from the link click, you might as well drop the anchor altogether:

<button onclick="myFunction();">Click me!</button>

[stewart.cambridg]

<a href=xyz" onclick="window.location=this.href;">
<input type="button" value="click me"/>
</a>

I believe this works for IE, because when you put an image inside an anchor,
IE will respond to onclicks, but not to hrefs!

Stewart
London, UK