JavaScript Forum

**ctess** · 02-03-2007, 06:14 AM

Ok I am pretty new to AJAX, not coding though at least the PHP aspect.

I'm having an issue with writing the response from the server to the page.

HTML Code:

<?php
include("sqlclass.inc.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Client Tracking</title>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript">
        /* Create a new XMLHttpRequest object to talk to the Web server */
        var http = false;
        /*@cc_on @*/
        /*@if (@_jscript_version >= 5)
        try {
          http = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
          try {
            http = new ActiveXObject("Microsoft.XMLHTTP");
          } catch (e2) {
            http = false;
          }
        }
        @end @*/

        if (!http && typeof XMLHttpRequest != 'undefined') {
          http = new XMLHttpRequest();
        }

        function showClients(orderby, type) {
            http.open('get','show_clients.php?orderby='+orderby+'&type='+type);
            http.onreadystatechange = showClientOutput;
            http.send(null);
        }

        function showClientOutput() {
            if (http.readyState == 1) {
                document.getElementById('info').innerHtml = "Loading...";
            }

            if (http.readyState == 4) {
                var response = http.responseText;
                document.getElementById('info').innerHtml = response;
            }
        }
    </script>

    <style type="text/css">
        body {
            font: 10px Verdana;
        }
    </style>

</head>
<body onLoad="showClients('business_name','ASC');">
    <div id="info"></div>
</body>
</html>

There is my code at the moment. It works fine and dandy if I output it to an alert. So I know the html is coming back. So something is wrong with my:

document.getElementById('info').innerHtml = response;

It works if I use document.write or alert() but not if I use value or innerHtml.

**Tudor.b** · 02-03-2007, 07:53 AM

Bacause the variabile names are CaSE SenSiTIve. Use innerHTML, not innerHtml.

**ctess** · 02-03-2007, 01:29 PM

yeah figured that out late last night. innerHTML isn't a variable silly

**saadatshah** · 02-05-2007, 01:10 AM

yeps its a property defined in DOM

**Tudor.b** · 02-05-2007, 02:43 AM

For your information, innerHTML is a variable!!!

**saadatshah** · 02-05-2007, 03:21 AM

FYI here goes the article
http://www.w3schools.com/htmldom/pro..._innerhtml.asp

**Tudor.b** · 02-05-2007, 07:02 AM

Do you at least know what a variable is?

**saadatshah** · 02-05-2007, 07:40 AM

you are just arguing now

**Tudor.b** · 02-05-2007, 05:32 PM

Dude, spend some time in school and then come back...Or at least take a look in Wikipedia!

**saadatshah** · 03:03 AM

Every property has a variable behind it. But it doesnt mean that you can call any property a variable. Anywayz I dont want any arguments over it so just for ending the argument let me say;
YOU WON.
NOW HAPPY?

**dionak** · 02-06-2007, 12:44 AM

ctess,

Despite the little tiff here, did your issue get resolved? Hope so...