Ajax Request problem

[zamuel]

Hello people.

I have a website portal where I am trying to delete an object, by pressing a button. It does not work and I am getting an error. The HTML part of the request is following:

[HTML]<a href="javascript:makeRequest('set/post.php?actueel&del&[[ID]]');" onclick="return confirm('Weet u zeker dat u dit item wilt verwijderen?')" onmouseover="dragable = false" onmouseout="dragable = true"><img src="[[url]]images/delete.jpg" height="20" width="20" border="0" alt="Verwijderen / Delete" align="absmiddle"/>[/HTML]


Where ID will be replaced by the record identifier.


makeRequest on Javascript looks like following:

function makeRequest(url,object) {
    xhr = new XHR(url,object);
 
    }
//Constructor
function XHR(url,object) {
    var http_request = null;
    this._load(url,object);
}
 
XHR.prototype._load = function(url,object) {
    /*var _this = this;
    this.http_request.onreadystatechange = function(){_this.getRequest()};
    this.http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    this.http_request.send('xml=<root>' + ((object!=false)?get(document.getElementById(object)):'') +  '</root>');*/
 
    if (document.getElementById('textarea_url')){ 
        document.getElementById('textarea_url').value += url + "\n\n" + ((object!=false)?get(document.getElementById(object)):'');
    }
 
    var xml = ((object!=false)?get(document.getElementById(object)):'');
 
    $.ajax({
        type: "POST",
        url: url,
        data: 'xml=<root>' + xml +  '</root>',
        async: false,
        complete: function(msg){
            if (document.getElementById('textarea_code')) document.getElementById('textarea_code').value = msg;
            try {
                //alert();
                var output = msg.responseXML.documentElement;
                process(output);
            } catch(e) {
                //alert('niet goed');
            }
        }
    });    
}

The error message in Birebug is following:

$.ajax is not a function
_load("set/post.php?actueel&del&17", undefined) javascript.js (line 61)
XHR("set/post.php?actueel&del&17", undefined) javascript.js (line 41)
makeRequest("set/post.php?actueel&del&17", undefined) javascript.js (line 35)
[Break on this error] complete: function(msg){

Which makes me think that the 'object' parameter is undefined. This brings me to the real problem - the makeRequest works perfectly with other part in the code (when sending mail). So I cannot completely remove the parameter, but make some changes. This is the point where I don't how to change the code? Any help will be appreciated and more information will be provided.

[Dormilich]

although I have no experience with Prototype's syntax, it looks as if $.ajax is supposed to be an object (literal notation!) but I'm missing a = somewhere. You should have a look at the Prototype documentation (or something to make the syntax clear).

regards

[rnd me]

try combining the actions:


not:
a href="javascript:makeRequest('set/post.php?actueel&del&[[ID]]');" onclick="return confirm('Weet u zeker dat u dit item wilt verwijderen?')"


but:
a href="javascript: if(confirm('Weet u zeker dat u dit item wilt verwijderen?')) { makeRequest('set/post.php?actueel&del&[[ID]]'); }"