[jQuery] Adressing the right area
Hi there,
I am a beginner in Jquery and need some help to get started.
I would like to create a functionality that provides a button
underneath each user comment of a picture "reply", that would on
clicking it show a reply field.
Now this does not sound so hard, does it?! It looks hard to me. The
problem is, that there could be 100 user comments and I would only
want to add a few lines of JQ code. How can I pass the appropiate
reply ID, so that on click it does only show the reply box underneath
the comment in querstion?
Here is how I tried it:
$(document).ready(function() {
var $loader = '<form method="post" name="comment"
action="act_insert_pic_comment_reply.php" style="margin-bottom:0;
padding:0; border:0; margin:0" > <textarea tabindex="2" name="reply"
id="R1" class="text_L" rows="7" cols="36" style="width:468px"
wrap="virtual"></textarea>
<input type="Image" src="/g/p/2/
BN_ct_sa_en.gif" width="80" height="19" >';
$('.RB1').click(function(){
$('#C1').html($loader).fadeIn('slow');
return false;
});
});
<a href="#" class="RB1" id="B1"><b>Reply</b></a>
<span id="C1"></span>
<a href="#" class="RB1" id="B2"><b>Reply 2</b></a>
<span id="C2"></span>
Thank you for any help on this!
Best regards,
Merlin