jQuery Forum

You could save the id in the html. Here's an example.
<span style="font-family: courier new,monospace;"><a id="345" href="#delete"></span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
$("a").click(function(){</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">  $.get("test.php", { id: <a href="http://this.id">this.id</a>, action:this.href.substr
(1) } );</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">});</span>
~Sean

I believe I made a typo on the <span style="font-family: courier new,monospace;">this.href.substr(1)</span>. Here's is the revised sample:
<span style="font-family: courier new,monospace;"><a id="345" href="#delete">
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> $("a").click(function(){</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
  $.get("test.php", { id: <a href="http://this.id">this.id</a>, action:this.href.substr(this.href.indexOf('#')+1) } );</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
});</span>
~Sean

Sean, numeric IDs are invalid , better to use something like:
<span class="q"><span style="font-family: courier new,monospace;"><a id="post_345" href="#delete">
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> $("a").click(function(){</span><br style="font-family: courier new,monospace;"></span><span style="font-family: courier new,monospace;">
  $.get("test.php", { id: this.id.substr(this.id.substr(<a href="http://this.id">this.id</a>,indexOf('_')+1), action:this.href.substr(this.href.indexOf('#')+1) } );</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;">
});</span>
Not tested
<div><span class="gmail_quote">On 7/19/07, <b class="gmail_sendername">Sean Catchpole</b> <<a href="mailto:littlecooldude@gmail.com">littlecooldude@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I believe I made a typo on the <span style="font-family: courier new,monospace;">this.href.substr(1)</span>. Here's is the revised sample:<span class="q">
<span style="font-family: courier new,monospace;"><a id="345" href="#delete">
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> $("a").click(function(){</span><br style="font-family: courier new,monospace;"></span><span style="font-family: courier new,monospace;">
  $.get("test.php", { id: <a href="http://this.id" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">this.id</a>, action:this.href.substr(this.href.indexOf('#')+1) } );</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;">
});</span>
<span class="sg">
~Sean</span><div><span class="e" id="q_113e12b8e105b2e4_4">
On 7/19/07, Sean Catchpole <<a href="mailto:littlecooldude@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
littlecooldude@gmail.com</a>> wrote:
> You could save the id in the html. Here's an example.
> <a id="345" href="#delete">
>  $("a").click(function(){
>   $.get("test.php", { id: <a href="http://this.id" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">this.id</a>, action:this.href.substr
(1) } );
> });
>
> ~Sean
</span></div></blockquote></div>

Instead of building a new system entirely use what you have already
use "progressive enhancement".
You have "delete" buttons, with specific names that correspond with
the news items. When they're clicked they submit to a specific URL.
What you can do is catch the click and do the submit via AJAX.
For instance:
<form action="modify.php" method="post">
...
<input type="submit" name="delete51" value="Delete" class="delete">
...
<input type="submit" name="delete52" value="Delete" class="delete">
...
</form>
$(function() {
    $('input.delete').click( function() {
        $.ajax({
            type: this.form.method,
            url: this.form.action,
            data: this.name + "=" + this.value,
            success: function( msg ) { /* called if succeeded */ }
        });
        return false;
    })
});
This has the added advantage that should your site be viewed on a
browser without JavaScript enabled it will still work.
More info on $.ajax here:
http://docs.jquery.com/Ajax#.24.ajax.28_properties_.29
You may also like to add an additional argument to the "data" string
(say "ajax=true") just so you know the request is coming via AJAX
rather than a "normal" button press. That way you know you don't need
to return the whole page, just confirmation about if the delete went
ok.
That's just a bare bones implementation, if you want something a bit
more advanced I suggest taking a look at Mike Alsup's Form Plugin:
http://www.malsup.com/jquery/form/
Karl Rudd

Thanks a bunch guys. This is exactly what I was looking for.
Also thanks for the ajax=true idea, I like it a lot.

Karl Rudd

Good point Klaus :). I don't actually use any AJAX in my day to day
development, so I'm a bit rusty about how to get it all working.
Mike's Form Plugin is definitely the way to go for anything but the
simplest AJAX forms.
Karl Rudd