javascript - Execute a PHP function from image OnClick event

Question

I have a PHP class in which there is a delete function. When I click on the image I want to call delete, but this line is not working:

echo "<img src='icon/del.gif'  onClick='.delete().'/>"

I have tried using the href tag but it doesn't work.

Answer 1

Considering you can use jQuery, you need to do the following:

first give your img a class, for example:

<img src="/icon/del.gif" class="delete" />

then bind this using jquery:

$('.delete').click(function(){
   $.ajax({
      type: 'POST',
      url: '/url/to/your_php_script.php',
      data: {'id':'45'}
      }
   });
});

your php file gets executed and $_POST['id'] gets send to it.

does this help? can you do the rest yourself? if not, give us more code :)