Jump to content
Larry Ullman's Book Forums
Sign in to follow this  
Placid

Change Specific Html Table Row By Jquery.ajax

Recommended Posts

I have an HTML table generated by PHP querying from MySQL table.

    <table>
       <tr>
          <th>Sl</th>
          <th>ID</th>
          <th>Article Name</th>
          <th>Publish Status</th>
       </tr>
       <?php
          $i = 1;
          foreach ($obj->showAllFromTable('pattern') as $pattern) {
          extract($pattern);
          ?>
       <tr>
          <td><?php echo $i++; ?></td>
          <td><?php echo $id; ?></td>
          <td><?php echo $pattern_name; ?></td>
          <td id="publish_<?php echo $id; ?>" class="status_pattern">
             <?php echo $publish; ?>
          </td>
       </tr>
       <?php
          }           
          ?>
    </table>

I want to change the status of any article by clicking on the 'publish' cell of the corresponding article row. I am trying to use ajax method of jquery for this purpose as shown in the following:

    <script type="text/javascript">
    $(document).ready(function(){    
    $('.status_pattern').click(function(){
        var thisid = $(this).attr('id');
        
        $.ajax({
            url: "status_change_pattern.php",
            data: {
                id: thisid
            },
            success: function (response) {
                alert(response);
            }
        });
    });
    });
    </script>
In the "success" block, instead of "alert", I want to create a functionality to change the text of the specific cell which I clicked. The "status_change_pattern.php" has just a text "Hey Hey".
Can anyone help? Please.
Thanks.

Share this post


Link to post
Share on other sites

Hey Hartley San, I'm sure you don't remember me. But you were my savior in the past...

Thanks for your kind response.

I have found the following to be a perfect solution:

$('#'+thisid).html(response);

Got the above from forum.jquery.com.

Thanks again.

  • Upvote 1

Share this post


Link to post
Share on other sites

Yes, you're right. We definitely need the '#' in there.

Good save. I guess that's a good reason to always test out code before you recommend it to someone else.

Thanks.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...