For example...
$(document).ready(function() {
function clickHandler(e){
var thisTR = $(this).parent().parent();
$.post( "ajax.php", {template: "testTR"}, function(output){
$(output).insertAfter(thisTR).find('.button_plus')
.click(clickHandler);
styleTables();
});
}
$('.button_plus').click(clickHandler);
});
On Nov 4, 8:15 pm, alife <[EMAIL PROTECTED]> wrote:
> hey,
>
> my problem:
>
> with the following code I put a TR in my table. in this TR I have
> further (".button_plus") - elements. I want that the user is able to
> click on these further elements. how could I realize that?
> $(document).ready(function() {
> $(".button_plus").click(function() {
> $(this).load( "ajax.php", {template: "testTR"},
> function(output){
> $(this).parent().parent().after(output);
> styleTables();
> }
> )
> });
> });
>
> //ajax.php returns this:
>
> <tr>
> <td><input name="" type="text"
> value="Eintrag" /></td>
> <td><input name="" type="text"
> value="Eintrag" /></td>
> <td><input name="" type="text"
> value="Eintrag" /></td>
> <td><img class="button_minus"
> src="images/button_minus.png" />
> <img class="button_plus" src="images/button_plus.png" /></td>
> </tr>
>
> I hope you can help me, thank you in advance,
>
> alife