Code:
$(document).ready(function()
{
$('td.editable').on('click', function(e)
{
data = {};
enter = 0;
data['Text_Old'] = $(this).text();
data['id'] = $(this).closest("tr").find("td:eq(0)").text()
// Enter abfangen
$('td.editable').keydown(function(event)
{
if(event.keyCode == 13)
{
enter = enter +1;
if(enter <= 1)
{
data['Text_New'] = $(this).text();
save(data);
}
event.preventDefault();
return false;
}
// Escape abfangen
if (event.keyCode == 27)
{
$(this).html(data.Text_Old);
event.preventDefault();
return false;
}
});
});
$('td.editable').on('focusout', function()
{
enter = enter+1;
data['Text_New'] = $(this).text();
save(data);
});
function save(data)
{
if (data['Text_Old'] === data['Text_New'])
{
return false;
}
else
{
if (enter <= 1)
{
// Formular per AJAX senden
$.ajax
({
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
type: 'POST',
url: 'index.php?GOTO=Test_Controller/Test/',
data: data,
//dataType: 'json',
encode: true,
beforeSend: function()
{
$('td.editable').css("background","#FFF url(loader.gif) no-repeat right");
},
success: function (data)
{
console.log(data);
},
error: function (xhr, ajaxOptions, thrownError)
{
console.log(xhr.status);
console.log(thrownError);
},
complete: function ()
{
$('td.editable').delay("slow").removeAttr("style");
}
});
}
}
}
});
Wartungsarbeiten und Update![[Bild: db1f33ae-7929-43da-b276-cc52eb5426fe.png]](https://i.postimg.cc/Y0pH7g7M/db1f33ae-7929-43da-b276-cc52eb5426fe.png)
![[Bild: 9003e35c-f2e6-4627-9776-52d6fd4315b2.png]](https://i.postimg.cc/xdzY3ngD/9003e35c-f2e6-4627-9776-52d6fd4315b2.png)
![[Bild: 0f5f7aae-3356-43e8-a803-a2f6f7263cf8.png]](https://i.postimg.cc/mkGrHtG5/0f5f7aae-3356-43e8-a803-a2f6f7263cf8.png)
