NON jQuery
The HTML:
<a href="#" onclick='confirm_delete("<?php echo $result['delete']; ?>", "<?php echo $result['name']; ?>"); return false;'>
<img src="delete.png" title="<?php echo $button_delete; ?>" />
</a>
The Javascript:
<script>
function confirm_delete(link_to_delete, product_name) {
var msg=confirm("Are you sure you want to delete " + product_name + " ?");
if (msg==true)
{
window.location.href = link_to_delete;
}
}
</script>
jQuery
The HTML:
<a class="delete_button" href="<?php echo $result['delete']; ?>">
<img src="delete.png" title="<?php echo $button_delete; ?>" />
</a>
The javascript (jQuery):
<script>
jQuery(".delete_button").on("click", function(e) {
e.preventDefault();
var clicked = jQuery(this);
var clicked_url = clicked.attr("href");
var product_name = clicked.siblings("img").attr("alt");
var msg=confirm("Are you sure you want to delete " + product_name + " ?");
if (msg==true)
{
window.location.href = clicked_url;
}
});
</script>