How can I make a button redirect my page to another page?
JavascriptJqueryHtmlJavascript Problem Overview
I have been trying the following:
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
It seems to work but it goes to the page "/home?"
Is there a better way for me to make a button inside a form make the page go to a new location?
Javascript Solutions
Solution 1 - Javascript
Just add an onclick event to the button:
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
But you shouldn't really have it inline like that, instead, put it in a JS block and give the button an ID:
<button id="myButton" class="float-left submit-button" >Home</button>
<script type="text/javascript">
document.getElementById("myButton").onclick = function () {
location.href = "www.yoursite.com";
};
</script>
Solution 2 - Javascript
try
<button onclick="window.location.href='b.php'">Click me</button>
Solution 3 - Javascript
Use this:
<button onclick="window.location='page_name.php';" value="click here" />
Basically you are using javascript snippet to redirect and onclick event of the button to trigger it.
Solution 4 - Javascript
Just another variation:
<body>
<button name="redirect" onClick="redirect()">
<script type="text/javascript">
function redirect()
{
var url = "http://www.(url).com";
window.location(url);
}
</script>
Solution 5 - Javascript
you could do so:
<button onclick="location.href='page'">
you could change the action attribute of the form on click the button:
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>