Menu
Dear List –
I have a program that [hopefully] will use Ajax to move a variable from JavaScript to PHP. When it runs, it hangs with an error [Firebug]. When I force it to continue, it does give results. I would like the following: 1] don’t hang and 2] not be forced to use document.write.
This is a chess program [jq_test.php]. When the user dbl-clicks on a squar, the coordinate of the square should be in the $_POST variable:
CODE:
[code]
<?php
$results = array(array(“Br”, “Bn”, “Bb”, “Bq”, “Bk”, “Bb”, “Bn”, “Br”),array(“Bp”, “Bp”, “Bp”, “Bp”, “Bp”, “Bp”, “Bp”, “Bp”),
array(“”, “”, “”, “”, “”, “”, “”, “”),array(“”, “”, “”, “”, “”, “”, “”, “”),array(“”, “”, “”, “”, “”, “”, “”, “”),
array(“”, “”, “”, “”, “”, “”, “”, “”),array(“Wp”, “Wp”, “Wp”, “Wp”, “Wp”, “Wp”, “Wp”, “Wp”),
array(“Wr”, “Wn”, “Wb”, “Wq”, “Wk”, “Wb”, “Wn”, “Wr”));
?>
snip…
<head>
<title>Jquery Test</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<link type=”text/css” href=”jq.css” rel=”stylesheet” />
<link type=”text/css” href=”jquery-ui-1.8.9.custom.css” rel=”stylesheet” />
</head>
<body>
<div id=”main”>
<fieldset id=”main_fieldset”>
<table cellspacing=”100″>
<tbody >
<tr>
<td class=”b1″>8</td><td class=”d1″ id=”a8″><?php echo $results[0][0];?> </td><td class=”a1″ id=”b8″ ><?php echo $results[0][1];?>
</td><td class=”d1″ id=”c8″> <?php echo $results[0][2];?> </td><td class=”a1″ id=”d8″>
<?php echo $results[0][3];?> </td><td class=”d1″ id=”e8″><?php echo $results[0][4];?> </td><td class=”a1″ id=”f8″>
<?php echo $results[0][5];?> </td>
<td class=”d1″ id=”g8″> <?php echo $results[0][6];?> </td><td class=”a1″ id=”h8″> <?php echo $results[0][7];?> </td>
</tr>
snip…
<script type=”text/javascript” src=”jquery-1.5.2.min.js”></script>
<script type=”text/javascript” src=”jquery-ui-1.8.9.custom.min.js” ></script>
snip…
<script type=”text/javascript”>
$(document).ready(function(){
$(‘.a1’).dblclick(function() {
$(this).css(“background-color”,”blue”);
move_from = $(this).attr(“id”);
$.ajax({
type: “POST”,
url: “jq_test.php”,
data:({move_from: this.getAttribute(‘id’)}),
dataType: “html”,
async:false,
success: function(msg){
document.write(msg);
}
}).responseText;
});
});
</script>
snip…
<?php
echo <<<HTML
<form method=”post” action=”jq_test.php”>
Move From<input type=”text” name=”move_from”> </input><br /><br />
Move To <input type=”text” name=”move_to”></input><br /><br />
<input type=”submit” value=”Enter Move”></input>
</form>
HTML;
?>
Thanks in Advance