Home/ Questions/Q 8973221
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T18:23:51+00:00

i did this code : the file index.php <html> <head> <title>Jeu de dammes</title> </head>

  • 0

i did this code :
the file index.php

<html>
<head>
<title>Jeu de dammes</title>
</head>
<style>
form { margin-left:500px;margin-top:300px;  width:300px }
  </style>
<body>
<form id="formulaire" style="margin-left:100px, padding: 15px" >
<table>
<tr><td><h4> The first player</h4></td>
    <td><input   type="text"   id="premier"></td>
</tr>
<tr><td><h4> The second player</h4></td>
    <td><input   type="text"   id="deuxieme"></td>
</tr>
<tr>
<td></td>
<td>
<button   id="action">Play</button></td>
</tr>
</table>
</form>
<script   src="jquery-1.5.1.js"></script>
<script>

    $(function () {

        $('#action').click(function () {

            var j1= $('#premier').val();
            var j2= $('#deuxieme').val();

            if( j1=="") alert('saisir le nom du premier joueur');
            if( j2=="") alert('saisir le nom du deuxieme joueur');
            if(j2!="" && j1!="") {$(location).attr('href',"http://www.google.com");}
        });

    $('body').css('background-image', 'url(flower2.jpg)').css('background-size', '100%');
    $("#formulaire").css('background-image', 'url(flower.jpg)');
    });
</script>
</body>
</html>

my problem is in the event click the redirection to “www.google.com” doesn’t work.any suggestions:

  1. what is the cause of this error?
  2. how can i correct it?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There’s no need to use jQuery to do something that vanilla JavaScript already does:

    window.location.href = "http://www.google.com/";

    It isn’t working probably because you are using a form and that submits before you can redirect. Catch the submit event:

    Change your code to this and it will work:

    $('#formulaire').submit(function(e) {
    var j1 = $('#premier').val();
    var j2 = $('#deuxieme').val();

    if (j1 == "") {
        alert('saisir le nom du premier joueur');
    }

    if (j2 == "") {
        alert('saisir le nom du deuxieme joueur');
    }

    if (j2 && j1) {
        window.location.href = "http://www.google.com";
    }

    e.preventDefault();
});
    • 0