I havent used javascript in ages, and am not the worlds guru, but I'm
playing with ajax linking to my database and an updating area.
I have an area named display for example which lists each entry (from
a PHP/MySQL db) with a remove button at the end of each record which
feeds a unique ID to my ajaxfunction below:
function ajaxFunction(rec){
var aR;
try{
aR = new XMLHttpRequest();
} catch (e){
try{
aR = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
aR = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
alert("Your browser broke!");
return false;
}
}
}
aR.onreadystatechange = function(){
if(aR.readyState == 4){
var aD = document.getElementById('test').innerHTML =
aR.responseText;
}
}
aR.open("GET", "delete.php?del="+rec+"&sid="+Math.random(), true);
aR.send(null);
}
My problem is that although delete.php correctly displays the updated
list of entries (the first time), if I reclick Remove (which is re-
displayed by delete.php) whatever I have tried does not update the
list again (although it does remove the record from the db). Its like
the function needs resetting.
I sometimes get told to be clear - so I'll retry just in case
php - get data & display as rows in display area(field - field - Remove button onclick(ajaxFunction(unique ID)) -
etc etc
<display area</da>delete.php deletes the row and redisplays the php data into the
display area. It redisplays the options with a delete button but when
clicked - although the data IS removed from the DB the display area
does not refresh with the new updated data.
I hope that makes sense, and any help would be great. I'm tempted to
give up and just use static old PHP .... never fails.
Thanks
A
