Ajax works somehow in firefox but not at all in IE8 beta

**Nana Osei** · 01-08-2009, 01:15 AM

Hi my code is below and I am new at this. I would like to calculate the amount for every ticket and post them back to the amount text field.

The Form in FITickets.php

Code:

<?php
include_once ("db.php");
//include_once("common.php");
?>
<!--
//To change this template, choose Tools | Templates
//and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="CssTest6.css"></link>
        <script src="risingajax.js"></script>
    </head>
    <body>
    <form>
     <fieldset>
     <legend >Your Info</legend>
     <table border="0" width="100&#37;" cellspacing="0" cellpadding="5">
         <thead>
             <tr>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
              <tr>
                 <td>First Name</td>
                 <td><input type="text" name="first" value="" size="8" /></td>
                 <td>Last Name</td>
                 <td><input type="text" name="last" value="" size="8" /></td>
                 <td>Address</td>
                 <td><input type="text" name="address" value="" size="10" /></td>
             </tr>
             <tr>
                 <td>City</td>
                 <td><input type="text" name="city" value="" size="5" /></td>
                 <td>State</td>
                 <td><input type="text" name="state" value="" size="1" /></td>
                 <td>Zip</td>
                 <td><input type="text" name="zip" value="" size="2" /></td>
             </tr>
             <tr>
                 <td>Email</td>
                 <td><input type="text" name="email" value="" size="10" /></td>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td></td>
             </tr>

         </tbody>
     </table>
   </fieldset>
   <fieldset>
   <legend>Ticket Info</legend>
    <?php
dbConnect('comprise');

{

$rs = mysql_query("SELECT * FROM contributions where type = 'ticket'");

        // create an array holding the classes you want to switch between
    $classes=array("td1","td2");
        // a counter to keep track of which class is currently being used
    $classifier=0;
    $num = mysql_num_rows($rs);
    $i = 0;

    echo "<TABLE  width=100% align=left cellpadding=5 cellspacing=0>";
    echo "<tr class=trhead >";

	echo"<td>Description</td>";
    echo"<td>Type</td>";
	echo"<td>Price</td>";
	echo"<td>Quantity</td>";
	echo"<td>Amount</td>";
	echo "</tr>";

    while ($i < $num){
    $description = mysql_result($rs,$i,"description");
	$price= mysql_result($rs,$i,"price");
    $typeid= mysql_result($rs,$i,"typeid");

	//$dmiddle= mysql_result($rs,$i,"middle");

    // access the value in the array associated with the key equal to the counter and print it in the <tr> bg
    echo "<tr class=" . $classes[$classifier] .">";
    echo "<td>" . $description .  "</td>";
    echo "<td>" . $typeid . "</td>";
	echo "<td>" ."$". $price . "</td>";
    echo '<td><input type="text" name="quantity[$i]" onkeyup = "calamount(this.value)"  size="1" /></td>';
    echo '<td ><input type="text" name="amount[$i]"   size="3" /></td>';

    $i++;
        // increment the counter and mod it by 2 to effectively alternate between two numbers
    $classifier=($classifier+1)%2;
     }
   }
  echo "</table>";


?>

  </fieldset>
  <div align="right"><input type="submit" value="Calculate" name="pay" /></div>
</form>
 <p>Suggestions: <span id="amt"></span></p>
</body>

</html>

//the javascripts is in risingajax.js

var xmlHttp
function calamount(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
var url="ticinsert.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}function stateChanged()
{
if (xmlHttp.readyState==4 )//|| xmlHttp.readyState=="complete"
 {
 document.getElementById("amt").innerHTML=xmlHttp.responseText
 }
}function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
 
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

//the php is in ticinsert.php

<?php
include_once ("db.php");
//include_once("common.php");
?>

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="CssTest6.css"></link>
    </head>
    <body>
    <form name="ticket" action="index.php" method="POST">
     <fieldset>
     <legend >Your Info</legend>
     <table border="0" width="100%" cellspacing="5" cellpadding="5">
         <thead>
             <tr>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
              <tr>
                 <td>First Name:</td>
                 <td><?php echo $_POST[first]; ?></td>
                 <td>Last Name:</td>
                 <td><?php echo $_POST[last]; ?></td>
                 <td>Address:</td>
                 <td><?php echo $_POST[address]; ?></td>
             </tr>
             <tr>
                 <td>City:</td>
                 <td><?php echo $_POST[city]; ?></td>
                 <td>State:</td>
                 <td><?php echo $_POST[state]; ?></td>
                 <td>Zip:</td>
                 <td><?php echo $_POST[zip]; ?></td>
             </tr>
             <tr>
                 <td>Email:</td>
                 <td><?php echo $_POST[email]; ?></td>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td></td>
             </tr>

         </tbody>
     </table>
   </fieldset>
   <fieldset>

   <legend>Ticket Info</legend>
    <?php
    $q=$_GET["q"];

dbConnect('comprise');
{

$rs = mysql_query("SELECT * FROM contributions where type = 'ticket'");

        // create an array holding the classes you want to switch between
    $classes=array("td1","td2");
        // a counter to keep track of which class is currently being used
    $classifier=0;
    $num = mysql_num_rows($rs);
    $i = 0;

    echo "<TABLE  width=100% align=left cellpadding=5 cellspacing=0>";
    echo "<tr class=trhead >";

	echo"<td>Description</td>";
    echo"<td>Type</td>";
	echo"<td>Price</td>";
	echo"<td>Quantity</td>";
	echo"<td>Amount</td>";
	echo "</tr>";

    while ($i < $num){
    $description = mysql_result($rs,$i,"description");
	$price= mysql_result($rs,$i,"price");
    $typeid= mysql_result($rs,$i,"typeid");
    $quantity = $q[$i];
    $amount = $price * $q[$i];
	//$dmiddle= mysql_result($rs,$i,"middle");

    // access the value in the array associated with the key equal to the counter and print it in the <tr> bg
    echo "<tr class=" . $classes[$classifier] .">";
    echo "<td>" . $description .  "</td>";
	echo "<td>" .$typeid. "</td>";
    echo "<td>"."$". $price ."</td>";
    echo "<td>". $quantity ."</td>";
    echo "<td>". $amount ."</td>";
	
    $i++;
        // increment the counter and mod it by 2 to effectively alternate between two numbers
    $classifier=($classifier+1)%2;
     }
   }
  echo "</table>";

?>

  </fieldset>
  <div align="right"><input type="submit" value="Payment" name="pay" /></div>
</form>
        
</body>
</html>

**Hack** · 01-08-2009, 12:48 PM

Welcome to DevX

What happens when you run it in IE8 (and I don't know anyone using it at the moment - how does it work in IE7?)? Are you getting errors.

(BTW: I edited your post and added [code]your code goes here[/code] tags at it makes reading posted code so much easier.

)