234 votes

Comment faire en sorte qu'un bouton redirige ma page vers une autre page ?

J'ai essayé ce qui suit :

<form action="/home" class="inline">
    <button class="float-left submit-button" >Home</button>
</form>

Cela semble fonctionner, mais on arrive à la page "/home ?".

Existe-t-il un meilleur moyen de faire en sorte qu'un bouton à l'intérieur d'un formulaire fasse passer la page à un nouvel emplacement ?

481voto

mattytommo Points 27587

Il suffit d'ajouter un onclick à l'événement button :

<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>

Mais il ne faut pas vraiment le mettre en ligne comme ça, il faut plutôt le mettre dans un bloc JS et donner à la balise button un 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>

65voto

Ehmad Imtiaz Points 626

Essayez

<button onclick="window.location.href='b.php'">Click me</button>

26voto

Veer Shrivastav Points 1200

Utilisez ça :

 <button onclick="window.location='page_name.php';" value="click here" />

En fait, vous utilisez le snippet javascript pour rediriger et l'événement onclick du bouton pour le déclencher.

13voto

Ben Taylor Points 165

Juste une autre variation :

    <body>
    <button name="redirect" onClick="redirect()">

    <script type="text/javascript">
    function redirect()
    {
    var url = "http://www.(url).com";
    window.location(url);
    }
    </script>

7voto

Muhammad Ramahy Points 490

Vous pourriez le faire :

<button onclick="location.href='page'">

vous pourriez modifier l'attribut action du formulaire lors du clic sur le bouton :

<button class="float-left submit-button" onclick='myFun()'>Home</button>

<script>
myFun(){
$('form').attr('action','new path');
}
</script>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X