Question

I have a table made of:

<td class='editable' id='<?=data['id']?>' col='<?=data['col_name']?>'>Content</td>

$data is the mysql_fetch_assoc of the $query, when I click on <td>, the jeditable plugin activates in FF or Chrome but doesn’t work in IE.

$(function () {
    $(".editable").click(function (event) {
        $(this).editable('ajax_save.php',{
            id          : 'id',
            name        : $(this).attr('col'),
            submit      : 'Save',
            cancel      : 'Cancel',
            tooltip     : ''
        });
    });
});

I couldn’t figure out why this is happening, can you please help me out?

Thanks

Answer 1

It seems like not all options work on IE 7/8 …

This code works

$(document).ready(function() {
    $(".editable").editable("ajax.php",{
        type: "text"
    });
});

This doesnt

$(document).ready(function() {
    $(".editable").editable("ajax.php",{
        type: "text", submit:"OK",cancel:"Cancel"
    });
});

Asked Mika Tuupola about this, maybe there’s something wrong with the way jquery or jeditable handles td elements, wrapping the information inside a div would create overhead DOM that affects performance in case we’re dealing with huge reports.