Page 1 of 1
Javascript/Ajax syntax
Posted: Sat Apr 24, 2010 1:02 am
by m2babaey
Hi
I am having no problem using Ajax on my site
But when the output is a form field, the output is not displayed when using IE
This is the output I'm trying to post:
Code: Select all
</form>
<form name="additem_form" method="post" onsubmit="xmlhttpPost('ajaxphp.php', 'additem_form', 'ninja_result', '<img src=\'images/pleasewait.gif\'>'); return false;">
<input type=hidden name="action" value="additem"></form>
When output is something else, it works, but the above output doesn't work in IE, works in FF though
Thanks for your help
Re: Javascript/Ajax syntax
Posted: Sat Apr 24, 2010 11:53 am
by m2babaey
I deleted some extra code and just kept the part that is causing the problem
Re: Javascript/Ajax syntax
Posted: Sat Apr 24, 2010 12:04 pm
by John Cartwright
xmlhttpPost() is not a native function, so asking us why it's not working is grasping at straws.
Re: Javascript/Ajax syntax
Posted: Sat Apr 24, 2010 12:50 pm
by m2babaey
You are right
Sorry
This is the relevant Javascript code
That is generally to submit form with Ajax
Code: Select all
function xmlhttpPost(strURL,formname,responsediv,responsemsg) {
var xmlHttpReq = false;
var self = this;
// Xhr per Mozilla/Safari/Ie7
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// per tutte le altre versioni di IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
// Quando pronta, visualizzo la risposta del form
updatepage(self.xmlHttpReq.responseText,responsediv);
}
else{
// In attesa della risposta del form visualizzo il msg di attesa
updatepage(responsemsg,responsediv);
}
}
self.xmlHttpReq.send(getquerystring(formname));
}
function getquerystring(formname) {
var form = document.forms[formname];
var qstr = "";
function GetElemValue(name, value) {
qstr += (qstr.length > 0 ? "&" : "")
+ escape(name).replace(/\+/g, "%2B") + "="
+ escape(value ? value : "").replace(/\+/g, "%2B");
//+ escape(value ? value : "").replace(/\n/g, "%0D");
}
var elemArray = form.elements;
for (var i = 0; i < elemArray.length; i++) {
var element = elemArray[i];
var elemType = element.type.toUpperCase();
var elemName = element.name;
if (elemName) {
if (elemType == "TEXT"
|| elemType == "TEXTAREA"
|| elemType == "PASSWORD"
|| elemType == "BUTTON"
|| elemType == "RESET"
|| elemType == "SUBMIT"
|| elemType == "FILE"
|| elemType == "IMAGE"
|| elemType == "HIDDEN")
GetElemValue(elemName, element.value);
else if (elemType == "CHECKBOX" && element.checked)
GetElemValue(elemName,
element.value ? element.value : "On");
else if (elemType == "RADIO" && element.checked)
GetElemValue(elemName, element.value);
else if (elemType.indexOf("SELECT") != -1)
for (var j = 0; j < element.options.length; j++) {
var option = element.options[j];
if (option.selected)
GetElemValue(elemName,
option.value ? option.value : option.text);
}
}
}
return qstr;
}
function updatepage(str,responsediv){
document.getElementById(responsediv).innerHTML = str;
}