Refresh dataset after deleting photo?

Question

Hello,
I have created a photo-manager-on-steriods (aka ajax) for my
spry photo gallery.
My setup is as follows:
var dsTours = new Spry.Data.XMLDataSet("xml_datasource.php",
"tours/tour", { useCache: false } )
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/galleries_xml.php",
"galleries/gallery");
var dsGallery = new
Spry.Data.XMLDataSet("galleries/gallery_xml.php?tour_id={dsTours::id}",
"gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("galleries/gallery_xml.php?tour_id={dsTours::id}",
"gallery/photos/photo", { useCache: false } );
Basically, I have a list of "Tours". There is a gallery for
each tour. when I select a tour, it displays the gallery for that
tour. This setup is packed into tabbed panels, but i doubt that is
relevant.
I have the thumbnails of the current gallery displayed in a
modified version of the preview thumbnail box of the photogallery
demo. Under each thumbnail, there is a delete button.
Currently, this button "onclick"s to:
function deleteGallPic(picID)
if(confirm("Are you sure you want to delete this photo?")){
Spry.Utils.loadURL("POST",
"config/delete_gallPic.php?pic_id=" + picID, true,
deletePicCallback);
with "deletePicCallback" being:
function deletePicCallback(req)
dsPhotos.loadData();
THE PROBLEM(s):
When I click on the delete button, it reloads the whole page
(defeats purpose!?) and resets the row number of "dsTours", and
thus the photo gallery being displayed is not the one I was working
on.
Also, sometimes it takes up to four clicks (not
click-click-click) of the delete button for the photo to be
deleted.
What i want is that when I click the delete button, the
function sends a behind-the-scenes request to the deletion file.
Once it has been deleted, I want only the dsPhotos (i think)
dataset to be reloaded. I don't see a reason for the page to reload
due to an ajax request.... anyways, I've been struggling with this
for some time, and would really appreciate someone's help.
PS: Why is it that, when I send a request using the "POST"
method, I can't recieve the variables using $_POST['foo'] ?
How do I go about sending them via post?
Thanks in advance,
Maquelly

Answer 1

Hi Maquelly,
Change your line:
Spry.Utils.loadURL("POST",
"config/delete_gallPic.php?pic_id=" + picID, true,
deletePicCallback);
to:
Spry.Utils.loadURL("POST", "config/delete_gallPic.php", true,
deletePicCallback, { postData: "pic_id=" + picID, headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
That should fix the problem where you aren't able to access
via the $ _POST array in php.
I'm a bit puzzled as to why your entire page changes. Is the
button underneath image a submit button?
<input type="submit" ... />
Or a normal button?
<input type="button" ... />
--== Kin ==--