Question

I am newbie in Code Igniter… I have an edit button in front of every row. Now, what I want is that after I click on the edit button, a pop up/model box/lightbox should appear without the page refreshing, and all the fields should appear in that box.

       <?php foreach($records as $row){?>
<tr>
<td class = "click"><?php echo $row->name; ?>  </td>



    <script type="text/javascript">
   $(document).ready(function() {
   $('.click').editable('<?php echo site_url('categoryController/editCategory');?>',
       {

     });

        });

Answer 1

include the id and name of the element, like:

<tr>
<td class = "click" id="field" name="field_name"><?php echo $row->name; ?>  </td>
</tr>

then in your js:

$("#field").editable("<?php echo site_url('categoryController/editCategory'); ?>",
 { 
        indicator : "<img src='img/indicator.gif'>", // or any image
        onblur    : 'cancel',
        tooltip   : 'Click to edit...',
        cancel    : 'Cancel',
        submit    : 'OK'
}); 

then in your controller you retrieve the value with:

$this->input->post('field_name');

for more info see the jeditable website.