$.ajax can also be use in recursion?
and how to do it

Hey i am trying to use this chunk of code with coldfusion. But i don’t have much knowledge about ajax. on your javascript you are passing ‘id’ attribute with a value, but if i have to pass another value, how do i do that?

lets say my data base needs to match with two value such as …

delete from #book_contact#
where contact_id =
and booking_id =

in the following code, how can i pass another value or attribute to match with ‘id’ and ‘bid’:

$(document).ready(function() {
$(‘#load’).hide();
});

$(function() {
$(“.delete”).click(function() {
$(‘#load’).fadeIn();
var commentContainer = $(this).parent();
var id = $(this).attr(“id”);
var string = ‘id=’+ id ;

$.ajax({
type: “POST”,
url: “delete.cfm”,
data: string,
cache: false,
success: function(){
commentContainer.slideUp(‘slow’, function() {$(this).remove();});
$(‘#load’).fadeOut();
}

});

return false;
});
});

let me know if you can help

James you are right it work with $_GET and $_REQUEST.
Thanks for helping me.

Hi.
Is it possible to add a confirmation alert to this?

Thanks.

Rach – debug. Check can you delete from database without jquery, then add jquery on top of that.

To papermashup – Please fix the script. I take that you have had some hosting changes or something like that, because WordPress has replaced your special characters, which ruins the code a bit

this code works perfect! smooth & fast
just one question: maybe it would be handy if there’s a prompt to ask the user if they’re certain to delete the thing?

this is good, but seems to be slow, isn’t it so?

hello, the code works great, I’m learning jquery and I have a question:
because the code is enclosed in a function?

$ (document). ready (function () (
$ ( ‘# load’). hide ();
));

$ (function () (
$ ( “. delete.”) click (function () (
$ ( ‘# load’). fadeIn ();
commentContainer var = $ (this). parent ();
var id = $ (this). attr ( “id”);
var string = ‘id =’ + id;

$. ajax ((
type: “POST”,
url: “delete.php”
data: string,
cache: false,
success: function () (
commentContainer.slideUp ( ‘slow’, function () ($ (this). ();}); remove
$ ( ‘# load’). fadeOut ();
)

));

return false;
));
));

and not like this:

$ (document). ready (function () (
$ ( ‘# load’). hide ();

$ ( “. delete.”) click (function () (
$ ( ‘# load’). fadeIn ();
commentContainer var = $ (this). parent ();
var id = $ (this). attr ( “id”);
var string = ‘id =’ + id;

$. ajax ((
type: “POST”,
url: “delete.php”
data: string,
cache: false,
success: function () (
commentContainer.slideUp ( ‘slow’, function () ($ (this). ();}); remove
$ ( ‘# load’). fadeOut ();
)

));

return false;
));
));

I do usually use the second form, but is there any difference?
pd: sorry if a silly question but I want to know the difference or if there is any disadvantage

PD2: sorry for my English, use google translator xD

i try to insert this delete option into the jquery UI sortable portlets

The sortable portlet contents i got to work with a blocks manager system.
Jquery offers me to add an icon into the portlets header : “ui-icon-closethick”
I managed to get the delete function to work with the provided class from here.
But as you might figured out by above information.
I try to get this function working with the provided icon in the portlet header
Here is my javascript:

$(".column").disableSelection();
});


And a little php:

I really hope to get this working

anyone gotten this to work correctly? I can’t seem to get delete.php to display anything. I’ve tried passing in a variable and using a static “hello world.”

NOTHING. I even tried James explanation but it still didnt do anything.

@Brad

I had the same problem – the fadeout works but never seemed to pass anything to the php script.

I solved it by changing the POST to a GET – i.e:

$.ajax({
type: “GET”,
url: “delete.php”,
data: string,
cache: false,
success: function(){
commentContainer.fadeOut(‘slow’, function() {$(this).remove();});

}

and in the delete.php file:

$id_to_delete = $_GET['id'];

Now it works…. dunno why the POST didn’t work though.

i apologise for the third post in a row but it seems this site is blocking php code i am trying to post.

3rd attempt:

id= START PHP
” $entry['column_name'] ”
END PHP

Just what i was looking for! Thanks!

Hey Ashley,

thanks for the tuto! Just a small note: the css file is missing in the zip download.

Dan