[eluser]spheroid[/eluser]
When try to click submit button on this ajax form, only in FF can I submit form results. In IE, the form doesn't submit. What's the deal?
Code:
function sendRAPrivateMsgAJAX(catid,touserid) {
var ajaxSearchResult = document.getElementById('ra_privatemsg_ajaxresult');
var queryString = "?ajax=true&catid;=" + catid + "&touserid;=" + touserid;
/*****
* AjaxObject is a hypothetical object that encapsulates the transaction
* request and callback logic.
*
* handleSuccess( ) provides success case logic
* handleFailure( ) provides failure case logic
* processResult( ) displays the results of the response from both the
* success and failure handlers
* call( ) calling this member starts the transaction request.
*/
var AjaxObject = {
handleSuccess:function(o) {
// This member handles the success response
// and passes the response object o to AjaxObject's
// processResult member.
this.processResult(o);
},
handleFailure:function(o) {
var ajaxSearchResult = document.getElementById('ra_privatemsg_ajaxresult');
ajaxSearchResult[removed] = o.responseText;
ajaxSearchResult.style.display = "block";
},
processResult:function(o) {
/*
fetch_object(statusdiv)[removed] = "";
fetch_object(statusdiv).style.display = "block";
*/
},
finalhandleSuccess:function(o) {
this.finalprocessResult(o);
},
finalhandleFailure:function(o) {
var ajaxSearchResult = document.getElementById('ra_privatemsg_ajaxresult');
ajaxSearchResult[removed] = o.responseText;
ajaxSearchResult.style.display = "block";
},
finalprocessResult:function(o) {
var ajaxSearchResult = document.getElementById('ra_privatemsg_ajaxresult');
ajaxSearchResult[removed] = o.responseText;
ajaxSearchResult.style.display = "block";
},
startRequest:function() {
MOOdalBox.open( // case matters
"/ra_ajaxprivatemsgform.php" + queryString, // the link URL
"", // the caption (link's title) - can be blank
"575 340" // width and height of the box - can be left blank
);
/*** Listen for the button to be clicked then process the form via Ajax ***/
YAHOO.util.Event.addListener("submitter", "click", function() {
var recipients = document.getElementById('recipients').value;
var title = document.getElementById('title').value;
var message = document.getElementById('message').value;
var wysiwyg = document.getElementById('wysiwyg').value;
var iconid = document.getElementById('iconid').value;
var securitytoken = document.getElementById('securitytoken').value;
var action = document.getElementById('do').value;
var pmid = document.getElementById('pmid').value;
var forward = document.getElementById('forward').value;
var cb_receipt = document.getElementById('cb_receipt').value;
var cb_savecopy = document.getElementById('cb_savecopy').value;
var queryString = "&do;=" + action + "&pmid;=" + pmid + "&ajax=true" + "&recipients;=" + recipients + "&title;=" + title + "&message;=" + message + "&wysiwyg=1&iconid;=" + iconid + "&securitytoken;=" + securitytoken + "&forward;=" + forward + "&cb;_receipt=" + cb_receipt + "&savecopy;=" + cb_savecopy + "&s=&sbutton=Submit Message&parseurl=1";
var ajaxSearchResult = document.getElementById('ra_privatemsg_ajaxresult');
ajaxSearchResult[removed] =
'<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">' +
' <tr>' +
' <td class="tcat">Send New Private Message</td>' +
' </tr>' +
' <tr>' +
' <td class="panelsurround" align="center">' +
' <div class="panel">' +
' <br /><br /><br /><br /><br /><br /><br />' +
' <span class=\"search_result_text\"><img > Sending...</span>' +
' <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />' +
' </div>' +
' </td>' +
' </tr>' +
'</table>';
var transaction = YAHOO.util.Connect.asyncRequest('POST', '/private.php', finalcallback, "ajax=true" + queryString);
YAHOO.util.Connect.asyncRequest('POST', 'private.php' + queryString, {
success: this.finalhandleSuccess,
failure: this.finalhandleFailure,
timeout: vB_Default_Timeout,
scope: this
}, SESSIONURL + 'securitytoken=' + SECURITYTOKEN);
}
);
}
};
/*****
*
* Define the callback object for success and failure
* handlers as well as object scope.
*
*/
var callback =
{
success:AjaxObject.handleSuccess,
failure:AjaxObject.handleFailure,
scope:AjaxObject
};
var finalcallback = {
success:AjaxObject.finalhandleSuccess,
failure:AjaxObject.finalhandleFailure,
scope:AjaxObject
};
// Start the transaction.
AjaxObject.startRequest();
}