www.webdeveloper.com
Results 1 to 7 of 7

Thread: JavaScript to PHP

Threaded View

  1. #1
    Join Date
    Jun 2011
    Posts
    5

    JavaScript to PHP

    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
    Last edited by Kor; 07-08-2011 at 05:39 AM. Reason: wrap the code [code][/code] and disable smilies

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles