Я пытаюсь облегчить редактирование заглавие а также описание в галерее, и что попробовать встроенное редактирование.
Я могу заставить его редактировать на экране и изменять onblur, но не обновляет мою базу данных. Можете ли вы взглянуть на код и увидеть, что мне не хватает?
Я получил это из учебника и не уверен насчет data:$('form').serialize(),
в области JS (для чего используется форма?). Любая помощь будет оценена. Спасибо!
HTML / PHP
<div onclick="editTitle(`ctitle`,this)" onblur="saveTitle(`ctitle`,this)" class="child black-txt p24-txt pb-25 w7 allcaps"><?php echo escape($g->title); ?></div>
<div onclick="editDesc(`cdesc`,this)" onblur="saveDesc(`cdesc`,this)"class="child black-txt p24-txt pb-25 w3"><?php echo escape($g->description); ?></div>
<div id="message"></div>
JS
<script>
function editTitle(ctitle,div){
/*var div = document.class("ctitle");*/
div.style.border = "1px solid #000000";
div.style.padding ="20px";
div.contentEditable = true;
}
function saveTitle(ctitle,div){
div.style.border = "none";
div.style.padding ="0px";
div.contentEditable = false;
event.preventDefault();
$.ajax({
url:"update-gallery-text.php",
method:"post",
data:$('form').serialize(),
dataType:"text",
success:function(strMessage){
$('#message').text(strMessage)
}
})
}
</script><script>
function editDesc(cdesc,div){
/*var div = document.class("ctitle");*/
div.style.border = "1px solid #000000";
div.style.padding ="20px";
div.contentEditable = true;
}
function saveDesc(cdesc,div){
div.style.border = "none";
div.style.padding ="0px";
div.contentEditable = false;
event.preventDefault();
$.ajax({
url:"update-gallery-text.php",
method:"post",
data:$('form').serialize(),
dataType:"text",
success:function(strMessage){
$('#message').text(strMessage)
}
})
}
</script>
Обновление-галерея-text.php
<?php
include($_SERVER['DOCUMENT_ROOT'] . "/core/init.php");
$id = $_POST['id'];
$title = $_POST['title'];
$description = $_POST['description'];$updategallery = DB::getInstance()->update('gallery', $id, array(
'title' => $title,
'description' => $description,));
if (mysql_query($updategallery)) {
echo "Updated Successfully...!!!";
} else {
echo mysql_error();
}
Вы пропустили элемент формы в вашем коде,
Заменить это:
<div onclick="editTitle(`ctitle`,this)" onblur="saveTitle(`ctitle`,this)" class="child black-txt p24-txt pb-25 w7 allcaps"><?php echo escape($g->title); ?></div>
<div onclick="editDesc(`cdesc`,this)" onblur="saveDesc(`cdesc`,this)"class="child black-txt p24-txt pb-25 w3"><?php echo escape($g->description); ?></div>
С:
<input type="hidden" id="GalleryId" value="THE ID OF THE GALLERY" />
<div id="GalleryTitle" onclick="editTitle(`ctitle`,this)" onblur="saveTitle(`ctitle`,this)" class="child black-txt p24-txt pb-25 w7 allcaps"><?php echo escape($g->title); ?></div>
<div id="GalleryDescription" onclick="editDesc(`cdesc`,this)" onblur="saveDesc(`cdesc`,this)"class="child black-txt p24-txt pb-25 w3"><?php echo escape($g->description); ?></div>
И это:
data:$('form').serialize(),
С:
data: {
id: $("#GalleryId").val(),
title: $("#GalleryTitle").html(),
description: $("#GalleryDescription").html()
},
Других решений пока нет …