OnChange Code Not Working With Multiple Forms

[WanamakerMedia]

I've posted this in at least 6 other forums with no responses. I am completely new to AJAX, so I got this code from another site and installed it for what I need. It works great if I have only one form on the page ... however, once I have multiple forms on the page, it stops working but it doesnt throw an error code, so I have no clue where to look. Any help would be appreciated!

Select Field Code:

onChange="showField(this.value, 'QQTrim')"

Ajax.js:

function GetXmlHttpObject() {
    var xmlHttp=null;
    try {
        xmlHttp=new XMLHttpRequest();
    }
        catch (e) {
            try {
                xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            }
        catch (e) {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}
 
function showField(str, id){
    var url="inc/ajaxforms.php"
    url=url+"?modField="+id
    url=url+"&modString1="+str
    url=url+"&sid="+Math.random()
    xmlHttp=GetXmlHttpObject();
    xmlHttp.onreadystatechange= function() {
        if (xmlHttp.readyState==4)
            if (xmlHttp.status==200)
                writeHTML(xmlHttp, id);
    }
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);    
}
 
function writeHTML(req, id) {
    document.getElementById(id).innerHTML = req.responseText;
}

[acoder]

Welcome to TSDN (The Scripts).

Do all your forms have the same id?

Show your form code.

[satya61229]

I've posted this in at least 6 other forums with no responses. I am completely new to AJAX, so I got this code from another site and installed it for what I need. It works great if I have only one form on the page ... however, once I have multiple forms on the page, it stops working but it doesnt throw an error code, so I have no clue where to look. Any help would be appreciated!

Select Field Code:

onChange="showField(this.value, 'QQTrim')"

Ajax.js:

function GetXmlHttpObject() {
    var xmlHttp=null;
    try {
        xmlHttp=new XMLHttpRequest();
    }
        catch (e) {
            try {
                xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            }
        catch (e) {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}
 
function showField(str, id){
    var url="inc/ajaxforms.php"
    url=url+"?modField="+id
    url=url+"&modString1="+str
    url=url+"&sid="+Math.random()
    xmlHttp=GetXmlHttpObject();
    xmlHttp.onreadystatechange= function() {
        if (xmlHttp.readyState==4)
            if (xmlHttp.status==200)
                writeHTML(xmlHttp, id);
    }
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);    
}
 
function writeHTML(req, id) {
    document.getElementById(id).innerHTML = req.responseText;
}

================
I could not find anything wrong with your code.
But I assume you may have used same elements 'id' for all the element.
An element id must be unique throughout the document.

[WanamakerMedia]

The ID is only used once throughout the entire page ... that was the first thing that I checked ...

[WanamakerMedia]

Actually, if you want to check out the script in action ...

It works great here (Quick Quote Form on Left)
http://www.newyorkjeeps.com/

But stops working here
http://www.newyorkjeeps.com/jeep/new/

[acoder]

I checked the page. The Ajax function is definitely being called, but it is failing. You can change your code to check the status.

I know this sounds daft, but since it is in a new directory, are you sure you have inc/ajaxforms.php in your jeep/new directory - in other words, does the file exist?

[WanamakerMedia]

/jeep/new is actually redone by apache (.htaccess) to point to index.php?module=new. Everything on the site is driven by one page ... so it shouldnt be a problem or could I be wrong?

[WanamakerMedia]

Thanks for the enlightenment! In the AJAX.js file, I changed the following:

var url="inc/ajaxforms.php"
url=url+"?modField="+id
url=url+"&modString1="+str
url=url+"&sid="+Math.random()

to:

var url="/inc/ajaxforms.php"
url=url+"?modField="+id
url=url+"&modString1="+str
url=url+"&sid="+Math.random()

Even though everything is generated off of one page, I guess because I am "faking" the directory structure, the "/" at the beginning was needed! Thanks for pointing that out for me!

[acoder]

Seventh time lucky, eh?

[WanamakerMedia]

I guess ... lol!