javascript — обновление базы данных с помощью встроенного редактирования текста

Я пытаюсь облегчить редактирование заглавие а также описание в галерее, и что попробовать встроенное редактирование.

Я могу заставить его редактировать на экране и изменять 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();
}

0

Решение

Вы пропустили элемент формы в вашем коде,

Заменить это:

<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()
},
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]