Webmaster Forum / HTML, CSS, Scripts / JavaScript / October 2005

Hi Tim,

All server code executes correct (verified this manually). Here's the
JS code:

function handleExpenseDetails() {
//    alert(http.readyState);
//    alert(http.responseText);
//    alert(http.status);

    if (http.readyState == 4) {
        var res = http.responseXML;
        var d = new getObj('expenseDetail');
        var out = new Array();
        var j = 0;

        var category_id =
res.getElementsByTagName('expenses')[0].getAttribute('category_id');

        var exps = res.getElementsByTagName('exp');
        out[j++] = '<a href="#" onclick="hideExpenseDetails()">[close]</a><hr
noshade="noshade">';
        out[j++] = '<center><table width="95%" border="1" cellpadding="1"
cellspacing="0">';
        out[j++] = '<tr style="{font-weight:
bold;}"><td>Date</td><td>Person</td><td>Description</td><td>Amount</td><td>Action</td></tr>';

        for (var i = 0; i < exps.length; i++) {
            id        = exps[i].getAttribute('id');
            exp_date     = exps[i].getAttribute('exp_date');
            description    = exps[i].getAttribute('description');
            amount        = parseFloat(exps[i].getAttribute('amount'));
            person        = exps[i].getAttribute('person');
            out[j++] = '<tr><td>'+ exp_date +'</td><td>'+ person +'</td><td>'+
description +'&nbsp;</td><td>' + amount.toFixed(2) + '</td><td><a
href="#" onclick="deleteExpense(' + id  + ',' + year + ',' + month +
',' + category_id + ')" title="delete this expense"><img  border="0"
src="../images/del.gif" /></a>&nbsp;<a href="#" onclick="" title="edit
this expense" ><img src="../images/ed.gif" border="0"/></a></td></tr>';
        }
        out[j++] = '</table></center>';

        curCategoryID = category_id;

        d.obj.innerHTML = out.join('');
        d.style.top = yMousePos    + 50;
        d.style.left = xMousePos + 50;
        d.style.visibility = 'visible';
    }
}

function deleteExpense(expense_id,year,month,category_id) {

    var url = 'month_data.php?type=deleteExpense&expense_id=' +
expense_id;

    http.open('get',url);
    http.onreadystatechange = handleDeleteExpense;
    http.send(null);
}

function handleDeleteExpense()  {
    if (http.readyState == 4 ) {
        getExpenseDetails(curCategoryID,curYear,curMonth);   
    }
}