Turning a form button into a link using JavaScript
Thursday, December 30th, 2004 | Programming, Tech
Bored of ordinary links? Then try using buttons. This can work well if there are a series of them lined up in a navigation bar especially if you using image backgrounds or CSS styles to make them look good.
First of all, there is the script that goes into the head of your page.
<script language="JavaScript">
<!--
function goToURL() { window.location = "http://www.hardwaretutorials.com/"; }
-->
</script>
Amazingly simple. Your normal JavaScript tags with a link function. Now for the button which goes in your pages body tag:
<input type=button value="New JavaScripts" onClick="goToURL()" />
Of course, you should never use buttons, or JavaScript links, because they create usability problems. Also, this is also invalid HTML. But it will work in almost all browsers.
Bored of ordinary links? Then try using buttons. This can work well if there are a series of them lined up in a navigation bar especially if you using image backgrounds or CSS styles to make them look good.
First of all, there is the script that goes into the head of your page.
<script language="JavaScript">
<!--
function goToURL() { window.location = "http://www.hardwaretutorials.com/"; }
-->
</script>
Amazingly simple. Your normal JavaScript tags with a link function. Now for the button which goes in your pages body tag:
<input type=button value="New JavaScripts" onClick="goToURL()" />
Of course, you should never use buttons, or JavaScript links, because they create usability problems. Also, this is also invalid HTML. But it will work in almost all browsers.