473,216 Members | 1,183 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,216 software developers and data experts.

Variables moving javascript ->ajax ->php -> sql

I am trying to write a script where a page is populated with some maths questions, user answers them (it's timed but I've left this bit out), gets results on same page and ajax takes their score, sends it to php script which updates sql. Make sense so far?!!

The problem I have is getting their score out of javascript and into ajax and therefore into the sql record table. I have no problem sending php variables to ajax, just the javascript one.

The code :

Expand|Select|Wrap|Line Numbers
  1. <HTML><HEAD>
  2. <?PHP
  3. //info carried forward from previous page:
  5. $test_name = "strawberry1";
  6. $person = "name";
  8. ?>
  10. <script type="text/javascript">
  11. <!--
  12. function writeResults(){
  13.     var ajaxRequest;  // The variable that makes Ajax possible!
  14.     try{
  15.         // Opera 8.0+, Firefox, Safari
  16.         ajaxRequest = new XMLHttpRequest();
  17.     } catch (e){
  18.         // Internet Explorer Browsers
  19.         try{
  20.             ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
  21.         } catch (e) {
  22.             try{
  23.                 ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
  24.             } catch (e){
  25. // Something went wrong
  26. alert("Your browser broke!");
  27. return false;
  28.             }
  29.         }
  30.     }
  31.     // Create a function that will receive data sent from the server
  32.     ajaxRequest.onreadystatechange = function(){
  33.         if(ajaxRequest.readyState == 4){
  34.             var ajaxDisplay = document.getElementById('ajaxDiv');
  35.             ajaxDisplay.innerHTML = ajaxRequest.responseText;
  36.         }
  37.     }
  38. // get form variables
  39.     var CorrectAns = document.getElementById('CorrectAns').value;
  41.     var queryString = "?CorrectAns=" + CorrectAns";    
  43.     ajaxRequest.open("GET", "write-results.php" + queryString, true);
  44.     ajaxRequest.send(null); 
  45. }
  47. function CheckAnswers(elm)
  48. {  
  49.   for(var i = 0; i < 3; i++)    // QQQ number of q's - get from sql for each test
  50.   {
  51.     var elm11 = document.getElementById("txt" + i);  // answer given by user
  52.     var elm12 = document.getElementById("ans" + i);  // correct answer
  53.     var elm13 = document.getElementById("atd" + i);  // area to put correct / wrong
  54.     if(elm11)
  55.     {
  56.     if(elm12.value == elm11.value)
  57.       {
  58.     correctAns++;
  59.       }
  60.       else
  61.       {
  62.     if(elm13 != null)
  63.     {
  64.      elm13.innerHTML = "answer = " + elm12.value;
  65.     }
  66.       }
  67.     }
  68.   }
  69. }
  70. -->
  71. </SCRIPT>
  73. </HEAD>
  75. <body>
  76. <FORM action="<?=$_SERVER['PHP_SELF']?>" method="post">
  78. <table>
  79. <tr><td>6</td><td>+</td><td>1</td><td>=</td><td>?</td><td><input type="text" name="txt0" size="3"></td>
  80. <td></td><td></td><td><TD align="middle" width="40"><IMG id="img0" src="blank.gif"></TD><TD class="answers" id="atd0" vAlign="left" align="left" width="140">&nbsp;</td><TD><input type="hidden" name="ans0" value="7" width="40"><input type="hidden" name="qr" value="0"><input type="hidden" name="id" value="28"></td></tr>
  82. <tr><td>3</td><td>+</td><td>4</td><td>=</td><td>?</td><td><input type="text" name="txt1" size="3"></td>
  83. <td></td><td></td><td><TD align="middle" width="40"><IMG id="img1" src="blank.gif"></TD><TD class="answers" id="atd1" vAlign="left" align="left" width="140">&nbsp;</td><TD><input type="hidden" name="ans1" value="7" width="40"><input type="hidden" name="qr" value="1"><input type="hidden" name="id" value="3"></td></tr>
  85. <tr><td>3</td><td>+</td><td>2</td><td>=</td><td>?</td><td><input type="text" name="txt2" size="3"></td>
  86. <td></td><td></td><td><TD align="middle" width="40"><IMG id="img2" src="blank.gif"></TD><TD class="answers" id="atd2" vAlign="left" align="left" width="140">&nbsp;</td><TD><input type="hidden" name="ans2" value="5" width="40"><input type="hidden" name="qr" value="2"><input type="hidden" name="id" value="5"></td></tr>
  87. </TABLE>
  89. <input type="hidden" id="CorrectAns" value="">
  90. <input  type=button value="Check Answers" name=Check Answers id=writeResults style="DISPLAY: none" onclick=CheckAnswers(); writeResults()> </td>
  91. <td width="50%"><INPUT class=bigbutton id=BtnSub style="DISPLAY: none" type=submit value="Start New Test"></center><!--<img src="COLSRCPtrans.gif"/></center>-->
  92. </td></tr></table></td></tr><tr><td>
  93. <div id="ajaxDiv">if this disappeared something happened with AJAX!!</div></td></tr>
  95. </FORM>
  96. </BODY></HTML>
and the form receiving the ajax data and passing it through to the sql table is write-results.php:

mysql_connect($dbhost, $dbuser, $dbpass);
mysql_select_db($dbname) or die("Cannot connect to database");

$CorrectAns = $_GET['CorrectAns'];
$test_name = $_GET['test_name '];
$person = $_GET['person'];

mysql_query("INSERT INTO person (id, test_name, num_correct, date_time)
VALUES ('', '$test_name', '$CorrectAns', NOW())");


If I change the form field to
<input type="hidden" id="CorrectAns" value="666"> then 666 is written to the table fine.

So, I conclude, the problem lies with defining a value for 'CorrectAns' in function CheckAnswers(elm)....

Can anybody please show me the correct javascript to get the result 'correctAns' into the form and therefore back into the ajax?

Sep 12 '08 #1
5 2345
392 Expert 256MB
At lest one of your problems is probably this extra quotes.

This line :
Expand|Select|Wrap|Line Numbers
  1. var queryString = "?CorrectAns=" + CorrectAns"
Should be :
Expand|Select|Wrap|Line Numbers
  1. var queryString = "?CorrectAns=" + CorrectAns; 
Sep 12 '08 #2
Thanks for spotting that! Sadly that's only a typo in my post, the script doesn't have the extra ".
Sep 12 '08 #3
16,027 Expert Mod 8TB
You've not set correctAns anywhere, so correctAns++ doesn't make sense. Set it to 0 to begin with.
Sep 13 '08 #4
Looking at the script as a whole (rather than the edited one I've posted) it is set to zero by:

var correctAns = 0;
.....for(var i = 0; i < 3; i++) etc

However, is that the correct way to declare it?
Sep 14 '08 #5
16,027 Expert Mod 8TB
Yes. To set the value of the hidden field, get the field by its ID as you have done in writeResults() (line 39) and set its value:
Expand|Select|Wrap|Line Numbers
  1. var CorrectAnsField = ...
  2. CorrectAnsField.value = correctAns;
Sep 14 '08 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Igor | last post by:
Hi I'm writing script using AJAX and PHP to upload files. I'm trying to create progress bar to show how many bytes have been already uploaded to server. Can I get the total file size (using...
by: Ivan Marsh | last post by:
Hey Folks, I'm having a heck of a time wrapping mind around AJAX. Anyone know of a simple, straight-forward example for pulling a simple query from mysql with PHP using AJAX? As I...
by: LuiePL | last post by:
I'm looking to repopulate some fields when an administrator chooses a different user. I think this can be done through arrays, since by the time it gets to the end computer the PHP has already been...
by: jhubsta | last post by:
Hello, I am somewhat of a newbie to web development, but I'm learning quickly. I am trying to make a slideshow that, given a directory, will show all the images in that directory. I can manage...
by: ak1dnar | last post by:
Hi, please help me on this. Here i am having a simple form that consist with name and email fields and both are required fields. i am going to validate this inputs using validate.php. but since i...
by: chopperuk | last post by:
Hi just a quick one, for a project I am completing, I need to bascially, have a form on a web site (where a user types in a question), this then, needs to question a chat bot (programE - ALICE), and...
by: Smudly | last post by:
I am trying to write a simple Ajax application using SUSE 10.2, Apache, PHP and Javascript. I want to click on a table header and do some processing to update the table. i have a function...
by: John Doe | last post by:
Here's my issue: I have an instant messenger type feature for my site, its basically an ajax IM feature. I run with a mysql backend on the site, i have a div on my main page that runs a javascript...
by: hek | last post by:
Hi, I have been searching on the internet for something similar and came accross something that works with php but nothing sofar that works with Coldfusion5 (I know it is an old technology, but...
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
by: jimatqsi | last post by:
The boss wants the word "CONFIDENTIAL" overlaying certain reports. He wants it large, slanted across the page, on every page, very light gray, outlined letters, not block letters. I thought Word Art...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.