[jonnekke]

Hi there,

I'm looking for a way to delete a file from a folder on clicking a link
but without refreshing the page. This should be possible ( I think with
AJAX or Javascript ) but no idea how.

_j

[Yeroon]

Hi Jonneke,

See if this article helps you: Animated AJAX Record Deletion Using jQuery

You could add delete logic to the part where the database update happens:

PHP Code:

if(isset($_GET['delete'])) 
{ 
  $query = 'DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete'];
  $result = mysql_query($query,$link);
  //add delete here
} 

[jonnekke]

there is no database update. It's just a file in a folder which needs to be deleted..

[Yeroon]

Well working with the article I posted above you could do the following:

First create the page. Let's call it filehandler.php. Add logic to display files from a folder:

PHP Code:

<?php

if ($handle = opendir('/path/to/files')) {
    echo "Directory handle: $handle\n";
    echo "Files:\n";

    /* This is the correct way to loop over the directory. */
    while (false !== ($file = readdir($handle))) {
        echo '<div class="record" id="'.$file.'">
              <a href="filehandler.php?delete='.$file.'">'.$file.'</a></div>'; 

    }
    closedir($handle);
}
?>

Then you need the delete logic. Delete=filename.extension gets set in the querystring from the delete link:

PHP Code:

if(isset($_GET['delete'])) 
{ 
  $myFile = $_GET['delete'];
unlink('/path/to/files/$myFile');

} 

Now you want this with jQuery. This code replace standard link (a tag) with Jquery function

$(document).ready(function() { 
  $('a.delete').click(function(e) { 
    e.preventDefault(); 
    var parent = $(this).parent(); 
    $.ajax({ 
      type: 'get', 
      url: 'filehandler.php', 
      data: 'ajax=1&delete=' + parent.attr('id'), 
      beforeSend: function() { 
        parent.animate({'backgroundColor':'#fb6c6c'},300); 
      }, 
      success: function() { 
        parent.slideUp(300,function() { 
          parent.remove(); 
        }); 
      } 
    }); 
  }); 
}); 

[Yeroon]

Chancged above because the div id was not getting set. Should be set now.